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 相关文章推荐
基于jQuery UI CSS Framework开发Widget的经验
Aug 21 Javascript
什么是json和jsonp,jQuery json实例详详细说明
Dec 11 Javascript
开发中可能会用到的jQuery小技巧
Mar 07 Javascript
JavaScript修改浏览器tab标题小技巧
Jan 06 Javascript
在Node.js应用中读写Redis数据库的简单方法
Jun 30 Javascript
JavaScript如何实现在文本框(密码框)输入提示语
Dec 25 Javascript
switchery按钮的使用方法
Dec 18 Javascript
使用use注册Vue全局组件和全局指令的方法
Mar 08 Javascript
vue.js使用watch监听路由变化的方法
Jul 08 Javascript
详解element-ui日期时间选择器的日期格式化问题
Apr 08 Javascript
使用jQuery mobile NuGet让你的网站在移动设备上同样精彩
Jun 18 jQuery
Vue axios 将传递的json数据转为form data的例子
Oct 29 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中用数组的方法设置cookies
2011/04/21 PHP
php中读写文件与读写数据库的效率比较分享
2013/10/19 PHP
ecshop 2.72如何修改后台访问地址
2015/03/03 PHP
php通过正则表达式记取数据来读取xml的方法
2015/03/09 PHP
PHP生成可点击刷新的验证码简单示例
2016/05/13 PHP
php实现每日签到功能
2018/11/29 PHP
PHP常量define和const的区别详解
2019/05/18 PHP
js实现收缩菜单效果实例代码
2013/10/30 Javascript
node.js中的fs.readlink方法使用说明
2014/12/17 Javascript
jquery合并表格中相同文本的相邻单元格
2015/07/17 Javascript
浅谈js中的延迟执行和定时执行
2016/05/31 Javascript
jQuery插件HighCharts实现的2D回归直线散点效果示例【附demo源码下载】
2017/03/09 Javascript
vue2.0实战之使用vue-cli搭建项目(2)
2017/03/27 Javascript
AngularJS表单验证功能分析
2017/05/26 Javascript
Nodejs Express 通过log4js写日志到Logstash(ELK)
2018/08/30 NodeJs
Angular 实现输入框中显示文章标签的实例代码
2018/11/07 Javascript
Python的Tornado框架实现图片上传及图片大小修改功能
2016/06/30 Python
windows及linux环境下永久修改pip镜像源的方法
2016/11/28 Python
Python基于正则表达式实现检查文件内容的方法【文件检索】
2017/08/30 Python
python Crypto模块的安装与使用方法
2017/12/21 Python
Python自定义函数定义,参数,调用代码解析
2017/12/27 Python
关于Python内存分配时的小秘密分享
2019/09/05 Python
Jupyter 无法下载文件夹如何实现曲线救国
2020/04/22 Python
Anaconda的安装及其环境变量的配置详解
2020/04/22 Python
Python如何进行时间处理
2020/08/06 Python
荷兰DOD药房中文官网:DeOnlineDrogist
2020/12/27 全球购物
财产公证书
2014/04/10 职场文书
《去年的树》教学反思
2014/04/11 职场文书
产品开发计划书
2014/04/27 职场文书
安全标语大全
2014/06/10 职场文书
工伤事故证明
2014/10/20 职场文书
我的法兰西岁月观后感
2015/06/09 职场文书
Python requests库参数提交的注意事项总结
2021/03/29 Python
测量JavaScript函数的性能各种方式对比
2021/04/27 Javascript
Oracle用户管理及赋权
2022/04/24 Oracle
python数字图像处理之图像的批量处理
2022/06/28 Python