如何使用 JavaScript 來禁用按鈕

了解如何使用 JavaScript 以程式化的方式禁用或啟用按鈕 HTML 的按鈕元素是少數具有獨立狀態的元素之一。與幾乎所有的表單控件一起使用。 其中一個常見需求是使用 JavaScript 以程式化的方式禁用或啟用按鈕。 例如,您希望僅在文字輸入元素填寫時才啟用按鈕。 或者當特定的複選框被點擊時,例如那些用於表示“已閱讀條款和條件”的複選框,而實際上沒有人會閱讀。 以下是具體操作步驟: 首先,使用document.querySelector() 或 document.getElementById() 選取元素: const button = document.querySelector('button') 如果您有多個按鈕,您可能需要使用document.querySelectorAll() 並循環遍歷結果。 無論如何,一旦您有元素引用,您可以將其 disabled 屬性設置為 true 以禁用按鈕: button.disabled = true 若要重新啟用按鈕,則將其設置為 false 即可: button.disabled = false