JS按钮点击禁用

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)