如何使用JavaScript禁用按鈕

了解如何使用JavaScript以編程方式禁用或啟用按鈕

HTML按鈕是僅有的幾個元素之一狀態。以及幾乎所有的表單控件。

需要做的一件事是使用JavaScript以編程方式禁用/啟用按鈕。

例如,您只想在填充文本輸入元素時啟用按鈕。

或者,當單擊一個特定的複選框時,就像您看到的“我已閱讀條款和條件”那樣,實際上沒人讀過。

這是操作方法。

您選擇元素,使用document.querySelector()或者document.getElementById()

const button = document.querySelector('button')

如果您有多個按鈕,則可能要使用document.querySelectorAll()並遍歷結果。

無論如何,一旦有了元素引用,就可以將其禁用屬性設置為true禁用它:

button.disabled = true

要再次啟用它,請將其設置為false再次啟用它:

button.disabled = false

免費下載我的JavaScript初學者手冊


更多瀏覽器教程: