js button disabled

作者：看不见相思意发布日期:2025-07-24 浏览:92

<!DOCTYPE html>
<html>
<head>
    <title>JS Button Disabled Example</title>
</head>
<body>
    <button id="myButton" onclick="alert('Button clicked!')">Click Me</button>
    <button onclick="toggleButtonState()">Toggle Button State</button>

    <script>
        function toggleButtonState() {
            var button = document.getElementById("myButton");
            if (button.disabled) {
                button.disabled = false;
                button.innerText = "Click Me";
            } else {
                button.disabled = true;
                button.innerText = "Disabled";
            }
        }
    </script>
</body>
</html>

解释说明：

HTML结构:
- 有两个按钮，第一个按钮 (id="myButton") 初始是可点击的，点击会弹出一个提示框。
- 第二个按钮用于切换第一个按钮的启用/禁用状态。
JavaScript逻辑:
- toggleButtonState 函数通过 document.getElementById 获取第一个按钮元素。
- 检查按钮的 disabled 属性：
  - 如果按钮被禁用，则将其设置为启用状态，并将文本恢复为 "Click Me"。
  - 如果按钮是启用状态，则将其设置为禁用状态，并将文本更改为 "Disabled"。

上一篇：nodejs 编译

下一篇：js object.keys()