如何使用 JavaScript 和 jQuery 停用和啟用 HTML 輸入按鈕？

停用和啟用HTML 輸入按鈕

在Web 開發中，通常需要停用和啟用按鈕以防止意外操作或改善使用者體驗。以下是在HTML 中實現此目的的方法：

使用JavaScript

要使用JavaScript 停用按鈕，請使用以下程式碼：

<code class="javascript">document.getElementById("ButtonID").disabled = true;</code>

將「ButtonID」替換為按鈕的實際ID。

要啟用按鈕，請使用以下程式碼：

<code class="javascript">document.getElementById("ButtonID").disabled = false;</code>

使用jQuery

jQuery 提供了一種更簡潔的方法來停用和啟用按鈕。對於1.6 之前的jQuery 版本：

禁用按鈕：

<code class="javascript">$('#ButtonID').attr('disabled', 'disabled');</code>

啟用按鈕：

<code class="javascript">$('#ButtonID').removeAttr('disabled');</code>

對於jQuery 版本1.6 及更高版本：

禁用按鈕：

<code class="javascript">$('#ButtonID').prop('disabled', true);</code>

啟用按鈕：

<code class="javascript">$('#ButtonID').prop('disabled', false);</code>

這些方法在提供的程式碼範例中進行了演示，其中使用了ID 為“Button”的按鈕。根據您的實作中的需要調整按鈕 ID。

以上是如何使用 JavaScript 和 jQuery 停用和啟用 HTML 輸入按鈕？的詳細內容。更多資訊請關注PHP中文網其他相關文章！