在項(xiàng)目開發(fā)中經(jīng)常會(huì)遇到這樣的功能，為了防止在Bootstrap中點(diǎn)擊按鈕多次提交，所以希望點(diǎn)擊按鈕后禁用按鈕。怎么實(shí)現(xiàn)此功能呢？今天腳本之家小編給大家分享BootStrap中按鈕點(diǎn)擊后被禁用按鈕的最佳實(shí)現(xiàn)方法，非常不錯(cuò)，感興趣的朋友參考下吧

Bootstrap中點(diǎn)擊后禁用按鈕與js有什么區(qū)別呢要如何來實(shí)現(xiàn)呢，今天我們就一起來看一篇關(guān)于Bootstrap中點(diǎn)擊后禁用按鈕的最佳方法，具體的例子如下所示．

為了防止在Bootstrap中點(diǎn)擊按鈕多次提交，所以希望點(diǎn)擊按鈕后禁用按鈕。

具體實(shí)現(xiàn)方法如下:

//禁用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 
將上面方法寫入點(diǎn)擊事件中即可，如：
$(".btn-check").click(function () { 
$('button').addClass('disabled'); // Disables visually 
$('button').prop('disabled', true); // Disables visually + functionally 
}); 
js按鈕點(diǎn)擊后幾秒內(nèi)不可用:
function timer(time) { 
var btn = $("#sendButton"); 
btn.attr("disabled", true); //按鈕禁止點(diǎn)擊 
btn.val(time <= 0 ? "發(fā)送動(dòng)態(tài)密碼" : ("" + (time) + "秒后可發(fā)送")); 
var hander = setInterval(function() { 
if (time <= 0) { 
clearInterval(hander); //清除倒計(jì)時(shí) 
btn.val("發(fā)送動(dòng)態(tài)密碼"); 
btn.attr("disabled", false); 
return false; 
}else { 
btn.val("" + (time--) + "秒后可發(fā)送"); 
} 
}, 1000); 
} 
//調(diào)用方法 
timer(30);

以上所述是小編給大家介紹的BootStrap中按鈕點(diǎn)擊后被禁用按鈕的最佳實(shí)現(xiàn)方法，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章: