如何使用JavaScript禁用HTML按钮？

javascript html

2022-08-30 01:24:12

我已经读到，您只需附加到HTML按钮的标签上即可禁用（使物理上无法单击）该按钮，但不能将其作为属性，如下所示：disable

<input type="button" name=myButton value="disable" disabled>

由于此设置不是属性，如何通过 JavaScript 动态添加此设置以禁用以前启用的按钮？

答案 1

由于此设置不是属性

它是一个属性。

某些属性被定义为布尔值，这意味着您可以指定其值并省略其他所有内容。即，您只包含粗体部分，而不是禁用=“已禁用”。在HTML 4中，您应该只包含粗体部分，因为完整版本被标记为支持有限的功能（尽管现在在编写规范时情况并非如此）。

从HTML 5开始，规则已经改变，现在你只包括名称，而不是值。这不会产生任何实际区别，因为名称和值是相同的。

DOM 属性也称为 DOM 属性，它是一个采用或的布尔值。disabledtruefalse

foo.disabled = true;

从理论上讲，您也可以和，但我不会相信旧版本的Internet Explorer（当涉及到时，这是出了名的错误）。foo.setAttribute('disabled', 'disabled');foo.removeAttribute("disabled")setAttribute

答案 2

禁用

document.getElementById("btnPlaceOrder").disabled = true;

以启用

document.getElementById("btnPlaceOrder").disabled = false;