javascript按钮禁用和启用的效果实例代码

下面我将详细讲解“JavaScript按钮禁用和启用的效果实例代码”的完整攻略。

禁用按钮

• 原理：使用disabled属性禁用按钮。
• 示例代码

HTML代码：

<button id="myBtn">提交</button>

JavaScript代码：

var myBtn = document.getElementById("myBtn");
myBtn.disabled = true;  // 禁用按钮

启用按钮

• 原理：使用disabled属性启用按钮。
• 示例代码

HTML代码：

<button id="myBtn" disabled>提交</button>

JavaScript代码：

var myBtn = document.getElementById("myBtn");
myBtn.disabled = false;  // 启用按钮

说明：
- disabled属性为按钮是否可用的属性。当它的值为true时，按钮将被禁用，点击不会触发任何事件。当值为false时，按钮将被启用，可以正常点击。

以上就是关于“JavaScript按钮禁用和启用的效果实例代码”的完整攻略。