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

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

Barbara Streisand
Barbara Streisand原創
2024-12-22 15:35:21922瀏覽

How Can I Disable and Enable Input Fields Using jQuery?

使用jQuery 停用並啟用輸入欄位

使用HTML 表單元素時,通常需要為使用者停用或啟用某些輸入欄位互動。 jQuery 提供了多種方法來完成這些任務。

停用輸入欄位

在jQuery 1.6 及更高版本中停用輸入欄位的首選方法是透過prop( ) 函數:

$("input").prop('disabled', true);

jQuery 1.6 之前,可以使用attr()函數設定停用屬性:

$("input").attr('disabled', 'disabled');

啟用輸入字段

要啟用禁用的輸入字段,您應該根據所使用的方法反轉操作:

jQuery 1.6

$("input").prop('disabled', false);

jQuery 1.5 及更低版本

$("input").removeAttr('disabled');

直接DOM 操作

直接DOM 操作

// Assuming an event handler thus 'this'
this.disabled = true;
// ...
this.disabled = false;
jQuery 1.6 的注意事項

雖然 jQuery 1.6 引入了removeProp()方法,但它不應該用於停用等原生屬性。相反,始終使用 .prop() 將屬性切換為 false。

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn