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