码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap表单控件

时间:2019-02-26 15:15:51      阅读:204      评论:0      收藏:0      [点我收藏+]

标签:事件   rms   控件   span   func   code   dex   元素   两种   

禁用状态:

被禁用的 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"> Cant 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的方法,那么也是可以实现的

 

bootstrap表单控件

标签:事件   rms   控件   span   func   code   dex   元素   两种   

原文地址:https://www.cnblogs.com/xiufengchen/p/10437314.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!