jQuery可以方便地處理元素只讀屬性,只需使用attr方法即可。
//將id為input的文本框設為只讀 $("#input").attr("readonly", true);
如上,使用attr方法設置readonly屬性為true,即可將元素設為只讀。如果需要將其設為可編輯,只需將屬性值設為false即可。
//將id為input的文本框設為可編輯 $("#input").attr("readonly", false);
除了attr方法外,還可以直接設置元素的readOnly屬性,例如:
//將id為input的文本框設為只讀 $("#input")[0].readOnly = true;
注意,只讀屬性不僅僅適用于文本框,還適用于其他元素,例如:
//將id為select的下拉框設為只讀 $("#select").attr("disabled", true);
上面的代碼將禁用select元素,使其不可選擇。如果需要恢復該元素的可用性,只需將disabled屬性值設為false即可。
//將id為select的下拉框恢復為可用狀態 $("#select").attr("disabled", false);
總之,使用jQuery可以很方便地處理元素只讀屬性,這為網頁開發帶來了很大的便利。
上一篇jquery 兄弟元素
下一篇市場營銷css