bootstrap表单控件

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的方法，那么也是可以实现的

 

posted @ 2019-02-26 14:50 动手的程序员 阅读( ...) 评论( ...) 编辑 收藏