jQuery中操控hidden、disable等无值属性的方法
2014-01-06 17:19
477 查看
一般我们在实现一些表单提交页面时会放置若干隐藏属性
比如在修改某条记录时,在编辑窗口会嵌入该记录的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操控属性状态的属性
比如在修改某条记录时,在编辑窗口会嵌入该记录的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中操控hidden、disable等无值属性的方法
- jQuery中操控hidden、disable等无值属性的方法
- [easyUI] textbox的disabled属性和disable方法
- Jquery删除css属性的简单方法
- jquery修改标签属性,attr方法使用
- jQuery在IE8上使用,IE8提示“对象不支持此属性或方法”
- 夺命雷公狗jquery---18jquery中常用属性(方法)
- jquery选择器属性和方法的操作
- jquery动态改变onclick属性导致失效的问题解决方法
- html5的自定义data-*属性和jquery的data()方法的使用示例
- js+jquery动态设置/添加/删除/获取元素属性的两种方法集锦对照(动态onclick属性设置+动态title设置)
- jQuery编程基础精华02(属性、表单过滤器,元素的each,表单选择器,子元素过滤器(*),追加方法,节点,样式操作)
- jquery中event对象属性与方法小结
- hidden属性兼容老浏览器的方法
- jQuery源码学习之四 (jQUery对象的实例属性和方法)
- jQuery操纵DOM元素属性 attr()和removeAtrr()方法使用详解
- jquery操作checked属性以及disabled属性的多种方法
- jQuery 方法 属性
- jQuery中一些不常用的方法属性【转载】
- jQuery 事件对象的属性和方法