萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> jQuery中如何操控hidden、disable等無值屬性

jQuery中如何操控hidden、disable等無值屬性

 在實現一些表單提交頁面時會放置若干隱藏屬性,下面為大家介紹下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操控屬性狀態的屬性 
copyright © 萬盛學電腦網 all rights reserved