DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> jQuery中如何操控hidden、disable等無值屬性
jQuery中如何操控hidden、disable等無值屬性
編輯:JavaScript綜合知識     

 在實現一些表單提交頁面時會放置若干隱藏屬性,下面為大家介紹下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操控屬性狀態的屬性 
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved