首頁 > web前端 > js教程 > 如何停用和啟用 HTML 輸入按鈕?

如何停用和啟用 HTML 輸入按鈕?

Susan Sarandon
發布: 2024-10-26 20:58:02
原創
989 人瀏覽過

How to Disable and Enable HTML Input Buttons?

停用和啟用 HTML 輸入按鈕

停用 HTML 中的輸入按鈕是許多應用程式中的常見要求。這樣做可以防止意外更改、限制使用者操作或在表單驗證期間。以下是如何停用和啟用HTML 輸入按鈕的詳細說明:

使用JavaScript

在JavaScript 中,您可以使用停用屬性停用按鈕:

<code class="JavaScript">document.getElementById("Button").disabled = true;</code>
登入後複製

要再次啟用該按鈕,只需將停用屬性設定回false:

<code class="JavaScript">document.getElementById("Button").disabled = false;</code>
登入後複製

使用jQuery

jQuery 提供停用和啟用按鈕的簡潔方法:

對於1.6 之前的jQuery 版本:

停用按鈕:

<code class="jQuery">$('#Button').attr('disabled','disabled');</code>
登入後複製

啟用按鈕:

<code class="jQuery">$('#Button').removeAttr('disabled');</code>
登入後複製

啟用按鈕:

啟用按鈕:
<code class="jQuery">$('#Button').prop('disabled', true);</code>
登入後複製

<code class="jQuery">$('#Button').prop('disabled', false);</code>
登入後複製

對於1.6 之後的jQuery 版本:停用按鈕:啟用按鈕:啟用按鈕:在所有情況下,考慮按鈕的上下文和預期行為都很重要。停用按鈕可能會阻止使用者提交表單或進行更改,因此應謹慎使用。

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板