button/input/select的disabled属性
button的disabled属性
一个被禁用的按钮:
<button type="button" disabled="disabled">Click Me!</button>
<button type="button" disabled="false">Click Me!</button>
<button type="button" disabled="true">Click Me!</button>
<button type="button" disabled="">Click Me!</button>
注: 无论disabled属性的值被设置为什么值,只要在行内有disabled属性,该button就不可点击 。
<body>
<button id="btn1" >点击</button>
<button id="btn2" disabled="">点击</button>
</body>
<script>
window.onload=function(){
document.getElementById("btn1").disabled = "";
document.getElementById("btn1").onclick=function(){
alert('按钮1被点击了'); //能执行
}
document.getElementById("btn2").onclick=function(){
alert('按钮2被点击了'); //不能执行
}
}
</script>
使用javascript禁用按钮:
document.getElementById("btn1").disabled = true;
document.getElementById("btn1").disabled = 'true'; //只要设置了值,并且值不为空和false,就会禁用
使用javascript启用按钮:
document.getElementById("btn1").disabled = false;
document.getElementById("btn2").disabled = ""; //空字符串,不能有空格
使用jQuery禁用按钮:
$("#id").attr("disabled","true");
$("#id").attr("disabled",true);
$("#id").attr("disabled","disabled");
$("#id").attr("disabled","");
- 无论disabled的值是什么,只要设置了disabled的属性就会被禁用
使用jQuery启用按钮:
$("#id").removeAttr("disabled");
$("#id").attr("disabled",false);
- $("#id").attr(“disabled”,“false”);不能启用按钮。
- 只有这两种方式可以重新启用按钮。