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按钮点击后几秒内不可用:

functiontimer(time) {

varbtn = $("#sendButton");

btn.attr("disabled",true);//按钮禁止点击

btn.val(time <= 0 ?"发送动态密码": (""+ (time) +"秒后可发送"));

varhander = setInterval(function() {

if(time <= 0) {

clearInterval(hander);//清除倒计时

btn.val("发送动态密码");

btn.attr("disabled",false);

returnfalse;

}else{

btn.val(""+ (time--) +"秒后可发送");

}

}, 1000);

}

//调用方法

timer(30);