如何使用JavaScript禁用按钮

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

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

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

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

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

这是操作方法。

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

const button = document.querySelector('button')

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

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

button.disabled = true

要再次启用它,请将其设置为false再次启用它:

button.disabled = false

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


更多浏览器教程: