jQuery中操控hidden、disable等無值屬性的方法
更新時(shí)間：2014年01月06日 17:19:06 作者：
在實(shí)現(xiàn)一些表單提交頁(yè)面時(shí)會(huì)放置若干隱藏屬性，下面為大家介紹下jQuery中如何操控hidden、disable等無值屬性，感興趣的朋友不要錯(cuò)過
一般我們?cè)趯?shí)現(xiàn)一些表單提交頁(yè)面時(shí)會(huì)放置若干隱藏屬性
比如在修改某條記錄時(shí)，在編輯窗口會(huì)嵌入該記錄的id
在展示界面有時(shí)需要將input或select選框設(shè)為disable以避免用戶修改
下列代碼中的hidden在IE中不能正常作用
<input name = "role_name" id = "role_name" value="Roy" disabled>
<input name = "role_id" id = "role_id" hidden value="3312">
標(biāo)準(zhǔn)寫法應(yīng)當(dāng)有附加值
<input name = "role_name" id = "role_name" value="Roy" disabled = "disabled">
<input name = "role_id" id = "role_id" hidden = "hidden" value="3312">
有時(shí)我們又需要在當(dāng)前頁(yè)面編輯如上兩條，這時(shí)又應(yīng)當(dāng)如何操作呢
我們可以用
$("#role_name").removeAttr("disabled");
$("#role_id").removeAttr("hidden");
或者
$("#role_name").prop("disabled",false);
$("#role_id").prop("hidden",false);
其中$("#role_name").prop()會(huì)返回一個(gè)boolean值，確認(rèn)是否已開啟這項(xiàng)屬性prop()方法同時(shí)還能用在checked選項(xiàng)中用來控制選項(xiàng)是否選中
一般情況下prop()可生效于寫屬性名便能生效及使用boolean操控屬性狀態(tài)的屬性
比如在修改某條記錄時(shí)，在編輯窗口會(huì)嵌入該記錄的id
在展示界面有時(shí)需要將input或select選框設(shè)為disable以避免用戶修改
下列代碼中的hidden在IE中不能正常作用
復(fù)制代碼 代碼如下:
<input name = "role_name" id = "role_name" value="Roy" disabled>
<input name = "role_id" id = "role_id" hidden value="3312">
標(biāo)準(zhǔn)寫法應(yīng)當(dāng)有附加值
復(fù)制代碼 代碼如下:
<input name = "role_name" id = "role_name" value="Roy" disabled = "disabled">
<input name = "role_id" id = "role_id" hidden = "hidden" value="3312">
有時(shí)我們又需要在當(dāng)前頁(yè)面編輯如上兩條，這時(shí)又應(yīng)當(dāng)如何操作呢
我們可以用
復(fù)制代碼 代碼如下:
$("#role_name").removeAttr("disabled");
$("#role_id").removeAttr("hidden");
或者
復(fù)制代碼 代碼如下:
$("#role_name").prop("disabled",false);
$("#role_id").prop("hidden",false);
其中$("#role_name").prop()會(huì)返回一個(gè)boolean值，確認(rèn)是否已開啟這項(xiàng)屬性prop()方法同時(shí)還能用在checked選項(xiàng)中用來控制選項(xiàng)是否選中
一般情況下prop()可生效于寫屬性名便能生效及使用boolean操控屬性狀態(tài)的屬性
相關(guān)文章
有時(shí)候我們?cè)谇岸碎_發(fā)工作中為了獲取圖片的信息，需要在圖片加載完成后才可以正確的獲取到圖片的大小尺寸，并且執(zhí)行相應(yīng)的回調(diào)函數(shù)使圖片產(chǎn)生某種顯示效果。本文主要整理了幾種常見的jquery判斷圖片加載完成時(shí)的方法2015-08-08
使用jQuery模板來展現(xiàn)json數(shù)據(jù)的代碼
通常我們?cè)谑褂胊jax的時(shí)候，都避免不了和json這種輕巧的數(shù)據(jù)格式打交道?？墒峭謩?dòng)的去解析json，構(gòu)建HTML，比較麻煩。現(xiàn)在有了這個(gè)插件，就能像Extjs那樣使用模板解析json了。2010-10-10
jQuery中的bind綁定事件與文本框改變事件的臨時(shí)解決方法
暫時(shí)沒有想到什么好的解決辦法，我現(xiàn)在加了個(gè)瀏覽器判斷非ie的話就注冊(cè)blur事件，這樣有個(gè)問題就是blur實(shí)在別的控件活動(dòng)焦點(diǎn)的時(shí)候，txtStation控件注冊(cè)的方法是為了填充它緊挨著的一個(gè)下拉列表2010-08-08
JQuery浮動(dòng)DIV提示信息并自動(dòng)隱藏的代碼
浮動(dòng)DIV定時(shí)顯示提示信息,如操作成功, 失敗等，使用jquery的朋友可以參考下。2010-08-08
這篇文章主要介紹了jQuery實(shí)現(xiàn)視頻作為全屏幕背景的方法和示例，推薦給有相同需求的小伙伴2014-12-12
這篇文章主要介紹了jquery獲取元素索引值index()方法,需要的朋友可以參考下2014-02-02
這篇文章主要介紹了jQuery 操作input中radio的技巧的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看下吧2016-07-07
jQuery序列化form表單數(shù)據(jù)為JSON對(duì)象的實(shí)現(xiàn)方法
這篇文章主要介紹了jQuery序列化form表單數(shù)據(jù)為JSON對(duì)象的實(shí)現(xiàn)方法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-09-09
div拖拽插件——JQ.MoveBox.js(自制JQ插件)
以前用原生的JS做過類似拖拽div的效果，現(xiàn)在按原思路改做成一個(gè)JQ的小插件，當(dāng)作制作JQ插件的一個(gè)小練習(xí)，感興趣的朋友可以了解下哈2013-05-05
jquery實(shí)現(xiàn)點(diǎn)擊文字可編輯并修改保存至數(shù)據(jù)庫(kù)
網(wǎng)上的方法只有點(diǎn)擊文字編輯并保持，但是沒有完整的代碼寫怎么保存到數(shù)據(jù)庫(kù)，本例用一條sql語句保存到數(shù)據(jù)庫(kù)2014-04-04