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 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

相关文章

Bootstrip HTML 查询搜索常用格式模版 <form class=&...
如何在按钮上加红色数字 您可以使用Bootstrap的badge组件来在...
要让两个按钮左右排列,你可以使用 Bootstrap 的网格系统将它...
是的,可以将status设置为布尔类型,这样可以在前端使用复选...
前端工程师一般用的是Bootstrap的框架而不是样式,样式一般自...
起步导入:<linkrel="stylesheet"href="b...