Bootstrap中點擊后禁用按鈕與js有什么區別呢要如何來實現呢,今天我們就一起來看一篇關于Bootstrap中點擊后禁用按鈕的最佳方法,具體的例子如下所示.
為了防止在Bootstrap中點擊按鈕多次提交,所以希望點擊按鈕后禁用按鈕。
具體實現方法如下:
//禁用button $('button').addClass('disabled'); // Disables visually $('button').prop('disabled', true); // Disables visually + functionally //禁用類型為button的input按鈕 $('input[type=button]').addClass('disabled'); // Disables visually $('input[type=button]').prop('disabled', true); // Disables visually + functionally //禁用超鏈接 $('a').addClass('disabled'); // Disables visually $('a').prop('disabled', true); // Does nothing $('a').attr('disabled', 'disabled'); // Disables visually 將上面方法寫入點擊事件中即可,如:$(".btn-check").click(function () { $('button').addClass('disabled'); // Disables visually $('button').prop('disabled', true); // Disables visually + functionally }); js按鈕點擊后幾秒內不可用:function timer(time) { var btn = $("#sendButton"); btn.attr("disabled", true); //按鈕禁止點擊 btn.val(time <= 0 ? "發送動態密碼" : ("" + (time) + "秒后可發送")); var hander = setInterval(function() { if (time <= 0) { clearInterval(hander); //清除倒計時 btn.val("發送動態密碼"); btn.attr("disabled", false); return false; }else { btn.val("" + (time--) + "秒后可發送"); } }, 1000); } //調用方法 timer(30); 以上所述是小編給大家介紹的BootStrap中按鈕點擊后被禁用按鈕的最佳實現方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!
| 
 
 | 
新聞熱點
疑難解答