夏日博客

A-A+

Bootstrap中点击按钮后变灰并显示加载中例子

2016年01月13日 前端设计 评论 1 条 阅读 8 views 次

Bootstrap插件非常的好用了，我们今天一起来看一篇关于Bootstrap实现点击按钮之后按钮变成不可点击的一个效果了，具体的如下所示．

1.在按钮中加入data-loading-text，即点击按钮后显示的文字

  1. <button type="submit" class="btn btn-primary btn-check" data-loading-text="提交中...">添加成员</button>  

2.当点击按钮后禁用按钮，并显示文字。如需绑定其他事件请自行更改。第二三行为重要内容。

  1. $(".btn-check").click(function () {  
  2. $(this).button('loading');//禁用按钮并显示提交中  
  3. $(this).button('reset');//重置按钮  
  4. });  

3.设置disabled属性为true即为不可用状态。

  1. document.getElementByIdx("btn").disabled=true;  
  2. jquery  
  3. $("#btn").attr("disabled", true);  
  4. html:  
  5. <input type="button" value="提交" id="btn">  
标签：

1 条留言  访客：1 条  博主：0 条

  1. Bootstrap01 2018年09月04日 下午 2:30  -199楼  回复

    Bootstrap中,一个按钮点击后，改变按钮颜色。在就是点击过后不能在点击事件按钮的，要等另一个事件触发才能点击，请问怎么做？？能举个简单的实例u

给我留言