如何使用JavaScript禁用按钮

了解如何使用JavaScript以编程方式禁用或启用按钮

HTML按钮是仅有的几个元素之一状态。以及几乎所有的表单控件。

需要做的一件事是使用JavaScript以编程方式禁用/启用按钮。

例如，您只想在填充文本输入元素时启用按钮。

或者，当单击一个特定的复选框时，就像您看到的“我已阅读条款和条件”那样，实际上没人读过。

这是操作方法。

您选择元素，使用document.querySelector()或者document.getElementById()：

const button = document.querySelector('button')

如果您有多个按钮，则可能要使用document.querySelectorAll()并遍历结果。

无论如何，一旦有了元素引用，就可以将其禁用属性设置为true禁用它：

button.disabled = true

要再次启用它，请将其设置为false再次启用它：

button.disabled = false

免费下载我的JavaScript初学者手册


更多浏览器教程：


在线技术百科！