zoukankan      html  css  js  c++  java
  • bootstrap表单控件

    禁用状态:

    被禁用的 fieldset

    <fieldset> 设置 disabled 属性,可以禁用 <fieldset> 中包含的所有控件。

    <form>
      <fieldset disabled>
        <div class="form-group">
          <label for="disabledTextInput">Disabled input</label>
          <input type="text" id="disabledTextInput" class="form-control" placeholder="Disabled input">
        </div>
        <div class="form-group">
          <label for="disabledSelect">Disabled select menu</label>
          <select id="disabledSelect" class="form-control">
            <option>Disabled select</option>
          </select>
        </div>
        <div class="checkbox">
          <label>
            <input type="checkbox"> Can't check this
          </label>
        </div>
        <button type="submit" class="btn btn-primary">Submit</button>
      </fieldset>
    </form>

    这是个整体案例

    单个案例只需要添加disable就可以了

     <button type="submit" class="btn btn-default" disabled>Submit</button>

    使用点击事件进行:

     <button type="submit" class="btn btn-default btnclick" >Submit</button>
      $(function () {
    
    
    
            //index()会返回当前元素在所有兄弟元素里面的索引。
            $(".btnclick").click(function () {
                $(".btnclick").attr("disabled",true);
            });
    
    
        });

    这样,在前端,点击之后是不可以再次重复点击

    给按钮添加点击事件的两种方式:

    /*  $(function () {
    
    
    
            //index()会返回当前元素在所有兄弟元素里面的索引。
            $(".btnclick").click(function () {
                $(".btnclick").attr("disabled",true);
            });
    
    
        });*/
    function clickbtn() {
          $(".btnclick").attr("disabled",true);
    
      }

    给按钮添加一个clickbtn的方法,那么也是可以实现的

  • 相关阅读:
    关于深拷贝和浅拷贝的理解
    Oracle数据库入门
    单例模式入门
    oracle存储过程 (还没动手实践、剩余内容找时间在处理、游标还没接触)
    Oracle用户名及默认密码
    oracle数据库怎么创建数据库实例
    Java 强、弱、软、虚,你属于哪一种?
    内存溢出和内存泄漏的区别
    aop中execution 表达式
    JPA 中@Enumerated
  • 原文地址:https://www.cnblogs.com/xiufengchen/p/10437314.html
Copyright © 2011-2022 走看看