Bootstrap插件非常的好用了，我們今天一起來看一篇關于Bootstrap實現點擊按鈕之后按鈕變成不可點擊的一個效果了，具體的如下所示．
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即為不可用狀態。
document.getElementByIdx("btn").disabled=true; jquery
$("#btn").attr("disabled", true); html:
<input type="button" value="提交" id="btn">
以上所述是小編給大家介紹的Bootstrap中點擊按鈕后變灰并顯示加載中實例代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
