javascript 启用/禁用按钮disabled讲解

时间:2017-03-21
html中按钮button有一个属性disabled,改属性用于规定按钮是否禁用,被禁用的按钮既不可用,也不可点击,本文章向大家介绍javascript如何通过按钮的disabled属性来启用/禁用按钮,需要的朋友可以参考一下。

html中按钮button的disabled属性规定禁用按钮。

被禁用的按钮既不可用,也不可点击。

可以设置 disabled 属性,直到满足某些条件(比如选择一个复选框),才恢复用户对该按钮的使用。然后,可以使用 JavaScript 来清除 disabled 属性,以使文本区变为可用状态。

js禁用button按钮:

<html>
<body>
<button onclick="this.disabled='true'; console.log(this.isDisabled);">Disable Me</button>
</body>
</html>

js启用按钮button:

<html>
<body>
<script>
 <!--from http://www.manongjc.com  码农教程  -->
    function function1() {
        document.all.myButton.disabled = true;
    }
    function function2() {
        document.all.myButton.disabled = false;
    }
</script>
<input id="myButton" type="button" value="Disable" onClick="function1();">
<input type="button" value="Enable" onClick="function2();">
</body>
</html>

从上面两个实例可以看出,禁用button按钮只需要将button的disabled属性设置为true, 启用按钮button只需要将button按钮的属性设置为false。