首页 > 其他 > 详细

BootStrap中按钮点击后被禁用按钮的最佳实现方法

时间:2017-02-02 18:25:15      阅读:413      评论:0      收藏:0      [点我收藏+]
//禁用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中按钮点击后被禁用按钮的最佳实现方法

原文:http://www.cnblogs.com/sjqq/p/6361410.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!