首頁 > web前端 > js教程 > 如何使用 jQuery 停用和啟用 HTML 輸入欄位?

如何使用 jQuery 停用和啟用 HTML 輸入欄位?

Patricia Arquette
發布: 2024-12-11 20:28:11
原創
904 人瀏覽過

How to Disable and Enable HTML Input Fields with jQuery?

如何使用 jQuery 停用或啟用輸入

使用 HTML 輸入欄位時,通常需要停用或啟用它們各種原因。 jQuery 提供了多種方法來完成這些任務。

標準方法 (jQuery 1.6 )

從 jQuery 1.6 開始,修改禁用屬性的首選方法是透過 .prop ()

停用:

$("input").prop('disabled', true);
登入後複製

啟用:

$("input").prop('disabled', false);
登入後複製

jQuery 1.5 及以下🎜> 在jQuery版本之前1.6 中,.prop() 函數不可用。相反,請使用.attr() 函數:

停用:

$("input").attr('disabled','disabled');
登入後複製
啟用:

啟用:
$("input").removeAttr('disabled');
登入後複製

啟用:

啟用:

this.disabled = true;
登入後複製
啟用:

啟用:
this.disabled = false;
登入後複製

啟用:

DOM物件方法無論jQuery版本如何,都可以直接存取DOM物件並修改其disabled屬性:停用:啟用:jQuery🎜>jQuery🎜>jQuery🎜>jQuery 1.6 注意:在 jQuery 版本中1.6 中,提供了 .removeProp() 方法。但是,它不應該用於刪除本機屬性(例如停用),因為它會永久刪除它們。相反,使用 .prop() 將屬性設為 false。

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

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