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