如何用JavaScript禁用一个按钮

144 阅读1分钟

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

一个HTML按钮是少数几个有自己状态的元素之一。和几乎所有的表单控件一样。

一个常见的需求是使用JavaScript以编程方式禁用/启用按钮。

例如,你想只在一个文本输入元素被填满时启用按钮。

或者当一个特定的复选框被点击时,比如你看到的那些说 "我读了条款和条件 "的复选框,实际上没有人读过的东西。

以下是如何做到这一点。

你选择元素,使用document.querySelector()document.getElementById()

const button = document.querySelector('button')

如果你有多个按钮,你可能想使用document.querySelectorAll() ,并循环查看结果。

总之,一旦你有了这个元素的引用,你就把它的disabled属性设置为true 来禁用它。

要重新启用它,你就把它设置为false ,再次启用它。