如何使用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;