Bootstrap中点击按钮后变灰并显示加载中实例代码

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

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

rush:js;"> 添加成员

2.当点击按钮后禁用按钮，并显示文字。如需绑定其他事件请自行更改。

第二三行为重要内容。

rush:js;"> $(".btn-check").click(function () { $(this).button('loading');//禁用按钮并显示提交中 $(this).button('reset');//重置按钮 });

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

rush:js;"> document.getElementByIdx("btn").disabled=true;

jquery

rush:js;"> $("#btn").attr("disabled",true);

html:

rush:js;">

以上所述是小编给大家介绍的Bootstrap中点击按钮后变灰并显示加载中实例代码。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。