Bootstrap中点击后禁用按钮与js有什么区别呢要如何来实现呢，今天我们就一起来看一篇关于Bootstrap中点击后禁用按钮的最佳方法，具体的例子如下所示．
为了防止在Bootstrap中点击按钮多次提交，所以希望点击按钮后禁用按钮。
具体实现方法如下:
rush:js;">
//禁用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中按钮点击后被禁用按钮的最佳实现方法。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
