JS按钮点击禁用
/* 以下是CSS样式代码,具体样式按自己需求写 /
.btn_disable {
background-color:#d4d4d4;/ 设置按钮背景颜色为灰色 /
border-color:#d4d4d4;/ 边框线颜色应与背景颜色一致 /
color:#fff;/ 设置字体颜色为白色 */
}
// 直接给你贴Jquery库的代码,实现起来方便一点
$(function(){
// 绑定按钮点击事件
$("#brn").click(function(){
// 设置禁用效果,不再响应点击事件
$(this).attr({“disabled”:“disabled”});
// 设置样式
$(this).addClass(“btn_disable”);
});
});
要想解除禁用的话反过来就可以了,使用
$("#id").removeAttr(“disabled”);
使按钮可用,然后使用代码
$("#id").removeClass(“btn_disable”);
移除禁用的样式就可以了
博客介绍了使用JS实现按钮点击禁用与解除禁用的方法。给出了CSS样式代码设置禁用按钮样式,还提供了Jquery库代码实现按钮点击后禁用及设置样式,同时说明了解除禁用时,通过移除属性和样式来恢复按钮可用状态。
2万+

被折叠的 条评论
为什么被折叠?



