jQuery中操控hidden、disable等无值属性的方法
更新时间：2014年01月06日 17:19:06 作者：
在实现一些表单提交页面时会放置若干隐藏属性，下面为大家介绍下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操控属性状态的属性
比如在修改某条记录时，在编辑窗口会嵌入该记录的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操控属性状态的属性
相关文章
有时候可能需要实现这样的效果：使用ajax提交表单，成功提交表单之后清空表单,这种功能大家可能都希望实现吧，接下来为您详细介绍，需要了解的朋友参考下2012-12-12
轻松学习jQuery插件EasyUI EasyUI实现拖动基本操作
这篇文章主要帮大家轻松学习jQuery插件EasyUI，并利用EasyUI实现拖动基本操作，文章并提供了一个学校课程表简单实例，感兴趣的小伙伴们可以参考一下2015-11-11
使用jQuery的load方法设计动态加载及解决被加载页面js失效问题
这篇文章主要介绍了使用jQuery的load方法设计动态加载及解决被加载页面js失效问题,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-03-03
这篇文章主要介绍了jQuery实现侧浮窗与中浮窗切换效果的方法,涉及jQuery针对页面元素的动态操作技巧,需要的朋友可以参考下2016-09-09
今天项目中遇到过一个这样的问题，就是希望读出来的文章列表能够每隔五个加一个分割条，而不是每个都加。2010-07-07
hiAlert是一款基于jQuery的信息提示插件，它支持操作成功、操作失败和操作提醒三种信息提示方式。hiAlert浏览器兼容性非常好，支持更改提示内容，支持定位提示框的位置，可配置插件参数。2015-05-05
网站设计者往往会设计一些小的工具类（widgets）或者一些可复用的程序，从而使页面更楚楚动人，更吸引浏览者驻足。这里收集了20个常用Jquery工具类，这些小的工具可以帮助网站设计人员和站长非常容易地创建漂亮的站点。2010-01-01
jquery 上下滚动广告实现代码，大家可以自行测试，需要加载jquery类库2009-06-06
跟着JQuery API学Jquery 之三 筛选，相当于条件判断类型。2010-04-04
这篇文章主要介绍了使用jQuery操作HTML的table表格的实例解析,包括用jQuery获取表格总行数的小技巧,需要的朋友可以参考下2016-03-03
最新评论