欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

已禁用 javascript 启用/禁用按钮的说明

最编程 2024-04-23 09:44:53
...

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。