在實現一些表單提交頁面時會放置若干隱藏屬性,下面為大家介紹下jQuery中如何操控hidden、disable等無值屬性,感興趣的朋友不要錯過
一般我們在實現一些表單提交頁面時會放置若干隱藏屬性 比如在修改某條記錄時,在編輯窗口會嵌入該記錄的id 在展示界面有時需要將input或select選框設為disable以避免用戶修改 下列代碼中的hidden在IE中不能正常作用 代碼如下: <input name = "role_name" id = "role_name" value="Roy" disabled> <input name = "role_id" id = "role_id" hidden value="3312"> 標准寫法應當有附加值 代碼如下: <input name = "role_name" id = "role_name" value="Roy" disabled = "disabled"> <input name = "role_id" id = "role_id" hidden = "hidden" value="3312"> 有時我們又需要在當前頁面編輯如上兩條,這時又應當如何操作呢 我們可以用 代碼如下: $("#role_name").removeAttr("disabled"); $("#role_id").removeAttr("hidden"); 或者 代碼如下: $("#role_name").prop("disabled",false); $("#role_id").prop("hidden",false); 其中$("#role_name").prop()會返回一個boolean值,確認是否已開啟這項屬性prop()方法同時還能用在checked選項中用來控制選項是否選中 一般情況下prop()可生效於寫屬性名便能生效及使用boolean操控屬性狀態的屬性