如何使用JavaScript禁用HTML按钮？

Question

如何使用JavaScript禁用HTML按钮？

我已经读过你可以通过附加disable到它的标签而不是作为属性来禁用（物理上不可点击）HTML按钮，如下所示：

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

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

Answer 1

由于此设置不是属性这是一个属性。某些属性定义为boolean，这意味着您可以指定其值并将其他所有内容保留。即，仅包括粗体部分而不是禁用=“ 禁用 ”。在HTML 4中，您应该只包含粗体部分，因为完整版本被标记为支持有限的功能（尽管现在编写规范时不太正确）。从HTML 5开始，规则已经更改，现在只包含名称而不包含值。这没有实际区别，因为名称和值是相同的。该DOM属性也被称为disabled并且是采用布尔true或false。foo.disabled = true;从理论上讲，你还可以foo.setAttribute('disabled', 'disabled');和foo.removeAttribute("disabled")，但我不会与旧版本的Internet Explorer（这是出了名的越野车，当涉及到相信这个setAttribute）。

Answer 2

禁用document.getElementById("btnPlaceOrder").disabled = true;启用document.getElementById("btnPlaceOrder").disabled = false;

Answer 3

它是一个属性，但是一个布尔值（因此它不需要名称，只需要一个值 - 我知道，这很奇怪）。您可以在Javascript中设置等效的属性：document.getElementsByName("myButton")[0].disabled = true;