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

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

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

禁用輸入字段

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

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

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

Enabling輸入字段

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

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

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

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

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

直接DOM操作

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

// 假設有一個事件處理程序，因此 'this' this.disabled = true; // ... this.disabled = false;

jQuery 1.6 的注意事項

雖然jQuery 1.6 引入了removeProp()方法，但它不應該用於本機屬性，如禁用。相反，始終使用 .prop() 將屬性切換為 false。