jQuery中操控hidden、disable等无值属性的方法


Posted in Javascript onJanuary 06, 2014

一般我们在实现一些表单提交页面时会放置若干隐藏属性

比如在修改某条记录时,在编辑窗口会嵌入该记录的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操控属性状态的属性

Javascript 相关文章推荐
sina的lightbox效果。
Jan 09 Javascript
jQuery+JSON+jPlayer实现QQ空间音乐查询功能示例
Jun 17 Javascript
JS动态创建Table,Tr,Td并赋值的具体实现
Jul 05 Javascript
escape编码与unescape解码汉字出现乱码的解决方法
Jul 02 Javascript
JQuery日历插件My97DatePicker日期范围限制
Jan 20 Javascript
Bootstrap表单控件使用方法详解
Jan 11 Javascript
jQuery实现选中行变色效果(实例讲解)
Jul 06 jQuery
微信小程序联网请求的轮播图
Jul 07 Javascript
浅谈在fetch方法中添加header后遇到的预检请求问题
Aug 31 Javascript
vue自定义tap指令及tap事件的实现
Sep 18 Javascript
详解js中let与var声明变量的区别
Apr 05 Javascript
layui关闭弹窗后刷新主页面和当前更改项的例子
Sep 06 Javascript
jQuery中验证表单提交方式及序列化表单内容的实现
Jan 06 #Javascript
Jquery下EasyUI组件中的DataGrid结果集清空方法
Jan 06 #Javascript
以JSON形式将JS中Array对象数组传至后台的方法
Jan 06 #Javascript
js解决弹窗问题实现班级跳转DIV示例
Jan 06 #Javascript
instanceof和typeof运算符的区别详解
Jan 06 #Javascript
jquery使用append(content)方法注意事项分享
Jan 06 #Javascript
javascript客户端遍历控件与获取父容器对象示例代码
Jan 06 #Javascript
You might like
浏览器关闭后,能继续执行的php函数(ignore_user_abort)
2012/08/01 PHP
LotusPhp笔记之:Logger组件的使用方法
2013/05/06 PHP
PHP中foreach()用法汇总
2015/07/02 PHP
如何把php5.3版本升级到php5.4或者php5.5
2015/07/31 PHP
ThinkPHP 模板引擎使用详解
2017/05/07 PHP
PHP+Mysql+Ajax实现淘宝客服或阿里旺旺聊天功能(前台页面)
2017/06/16 PHP
学习ExtJS fit布局使用说明
2009/10/08 Javascript
js螺旋动画效果的具体实例
2013/11/15 Javascript
AngularJs concepts详解及示例代码
2016/09/01 Javascript
使用JavaScript解决网页图片拉伸问题(推荐)
2016/11/25 Javascript
Angular工具方法学习
2016/12/26 Javascript
微信小程序开发(二)图片上传+服务端接收详解
2017/01/11 Javascript
Angular实现跨域(搜索框的下拉列表)
2017/02/16 Javascript
bootstrap模态框远程示例代码分享
2017/05/22 Javascript
微信小程序button组件使用详解
2018/01/31 Javascript
js删除对象/数组中null、undefined、空对象及空数组方法示例
2018/11/14 Javascript
JS重学系列之聊聊new操作符
2019/03/04 Javascript
JavaScript 声明私有变量的两种方式
2021/02/05 Javascript
python遍历类中所有成员的方法
2015/03/18 Python
Python获取文件所在目录和文件名的方法
2017/01/12 Python
R语言 vs Python对比:数据分析哪家强?
2017/11/17 Python
Python3爬虫学习之爬虫利器Beautiful Soup用法分析
2018/12/12 Python
Python with标签使用方法解析
2020/01/17 Python
Django 自定义权限管理系统详解(通过中间件认证)
2020/03/11 Python
Python下划线5种含义代码实例解析
2020/07/10 Python
PyQt5 QDockWidget控件应用详解
2020/08/12 Python
python安装sklearn模块的方法详解
2020/11/28 Python
Python 求向量的余弦值操作
2021/03/04 Python
DVF官方网站:美国时装界尊尚品牌
2017/08/29 全球购物
Sandro法国官网:法国成衣品牌
2019/08/28 全球购物
分解成质因数(如435234=251*17*17*3*2,据说是华为笔试题)
2014/07/16 面试题
2014年高三毕业生自我评价
2014/01/11 职场文书
祖国在我心中的演讲稿
2014/05/04 职场文书
中学生民族团结演讲稿
2014/08/27 职场文书
办理信用卡收入证明范例
2014/09/13 职场文书
2016年安康杯竞赛活动总结
2016/04/05 职场文书