DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery中操控hidden、disable等無值屬性的方法
jQuery中操控hidden、disable等無值屬性的方法
編輯:JQuery特效代碼     
一般我們在實現一些表單提交頁面時會放置若干隱藏屬性

比如在修改某條記錄時,在編輯窗口會嵌入該記錄的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