Bootstrap中點擊按鈕后變灰并顯示加載中實例代碼
更新時間：2016年09月23日 11:50:54 投稿：mrr
Bootstrap插件非常的好用了，今天小編通過本教程給大家介紹Bootstrap中點擊按鈕后變灰并顯示加載中實例代碼，非常不錯，感興趣的朋友一起看看吧
Bootstrap插件非常的好用了，我們今天一起來看一篇關于Bootstrap實現(xiàn)點擊按鈕之后按鈕變成不可點擊的一個效果了，具體的如下所示．
1.在按鈕中加入data-loading-text，即點擊按鈕后顯示的文字
<button type="submit" class="btn btn-primary btn-check" data-loading-text="提交中...">添加成員</button>
2.當點擊按鈕后禁用按鈕，并顯示文字。如需綁定其他事件請自行更改。
第二三行為重要內容。
$(".btn-check").click(function () {
$(this).button('loading');//禁用按鈕并顯示提交中
$(this).button('reset');//重置按鈕
});
3.設置disabled屬性為true即為不可用狀態(tài)。
document.getElementByIdx("btn").disabled=true;
jquery
$("#btn").attr("disabled", true);
html:
<input type="button" value="提交" id="btn">
以上所述是小編給大家介紹的Bootstrap中點擊按鈕后變灰并顯示加載中實例代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
相關文章
這篇文章主要介紹了jquery驗證表單仿Toast提示效果,實現(xiàn)代碼簡單易懂，非常不錯，需要的朋友可以參考下2017-03-03
點贊功能很多地方都會出現(xiàn)，如何實現(xiàn)愛心點贊功能，這篇文章主要為大家詳細介紹了jquery點贊功能實現(xiàn)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
jquery.simple.tree插件 更簡單，兼容性更好的無限樹插件
在這里介紹一款小巧，功能強大，能拖拽，支持異步，且兼容性更高的jquery Tree插件2010-09-09
本文給大家分享一個自己編寫的使用jquery+javascript實現(xiàn)的國籍控件，效果非常不錯，這里推薦給大家。2015-02-02
jquery的ajaxSubmit()異步上傳圖片并保存表單數(shù)據(jù)演示代碼
使用jquery的ajaxSubmit()異步上傳圖片的捅死實現(xiàn)保存表單數(shù)據(jù)，具體演示代碼如下,感興趣的朋友可以參考下哈，希望對大家有所幫助2013-06-06
dreamweaver 安裝Jquery智能提示，需要的朋友可以參考下。2011-04-04
本文分享了jQuery實現(xiàn)限制文本框的輸入長度的示例代碼，具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
Jquery Ajax學習實例7 Ajax所有過程事件分析示例
JQuery在執(zhí)行Ajax的過程中會觸發(fā)很多事件。2010-03-03
前幾天看到事件委托的時候，關于live()方法講的不是很詳細，就去搜了一下關于live()和delegate()的，最后看源碼發(fā)現(xiàn)bind()和delegate()都是由on()實現(xiàn)的，感興趣的朋友可以了解下，或許本文對你有所幫助2013-02-02
這篇文章主要介紹了jquery利用拖拽方式在圖片上添加熱鏈接的方法，其實是用jquery寫了個可以在圖片添加錨點的功能，感興趣的小伙伴們可以參考一下2015-11-11