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操控屬性狀態的屬性。

以上就是本章的全部內容，更多相關教學請訪問jQuery影片教學！