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下的几个你可能没用过的功能
Aug 29 Javascript
jQuery jqgrid 对含特殊字符json 数据的 Java 处理方法
Jan 01 Javascript
jquery实现在光标位置插入内容的方法
Feb 05 Javascript
JS拖动鼠标画出方框实现鼠标选区的方法
Aug 05 Javascript
JS+CSS实现大气清新的滑动菜单效果代码
Oct 22 Javascript
jquery模拟实现鼠标指针停止运动事件
Jan 12 Javascript
基于JavaScript实现快速转换文本语言(繁体中文和简体中文)
Mar 07 Javascript
仿百度换肤功能的简单实例代码
Jul 11 Javascript
Vue cli+mui 区域滚动的实例代码
Jan 25 Javascript
Angularjs 根据一个select的值去设置另一个select的值方法
Aug 13 Javascript
vue中使用heatmapjs的示例代码(结合百度地图)
Sep 05 Javascript
小程序的上传文件接口的注意要点解析
Sep 17 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 中self,this的区别和操作方法实例分析
2019/11/04 PHP
在chrome中window.onload事件的一些问题
2010/03/01 Javascript
JavaScript通过join函数连接数组里所有元素的方法
2015/03/20 Javascript
js鼠标点击图片切换效果实现代码
2015/11/19 Javascript
学习javascript面向对象 理解javascript原型和原型链
2016/01/04 Javascript
jQuery CSS3相结合实现时钟插件
2016/01/08 Javascript
探寻JavaScript中this指针指向
2016/04/23 Javascript
node.js中express中间件body-parser的介绍与用法详解
2017/05/23 Javascript
10 种最常见的 Javascript 错误(频率最高)
2018/02/08 Javascript
vue2.0组件之间传值、通信的多种方式(干货)
2018/02/10 Javascript
vue+element实现批量删除功能的示例
2018/02/28 Javascript
vue-drag-chart 拖动/缩放图表组件的实例代码
2020/04/10 Javascript
JavaScript缓动动画函数的封装方法
2020/11/25 Javascript
Vue3 实现双盒子定位Overlay的示例
2020/12/22 Vue.js
Python的ORM框架SQLObject入门实例
2014/04/28 Python
python使用在线API查询IP对应的地理位置信息实例
2014/06/01 Python
Python合并多个装饰器小技巧
2015/04/28 Python
Python基于smtplib实现异步发送邮件服务
2015/05/28 Python
Python彩色化Linux的命令行终端界面的代码实例分享
2016/07/02 Python
对python中return和print的一些理解
2017/08/18 Python
Python延时操作实现方法示例
2018/08/14 Python
Python面向对象之反射/自省机制实例分析
2018/08/24 Python
Python logging设置和logger解析
2019/08/28 Python
Python 3.8 新功能来一波(大部分人都不知道)
2020/03/11 Python
pycharm 实现光标快速移动到括号外或行尾的操作
2021/02/05 Python
英国的知名精品百货公司:House of Fraser(福来德)
2016/08/14 全球购物
介绍Java的内部类
2012/10/27 面试题
教育系毕业生中文求职信范文
2013/10/06 职场文书
新年晚会主持词
2014/03/24 职场文书
车间核算员岗位职责
2014/07/01 职场文书
政风行风自查自纠报告
2014/10/21 职场文书
应届毕业生自荐信
2015/03/04 职场文书
公司董事任命书
2015/09/21 职场文书
发工资啦!教你用Python实现邮箱自动群发工资条
2021/05/10 Python
教你一步步实现一个简易promise
2021/11/02 Javascript
抖音动画片,皮皮虾,《治愈系》动画在用这首REMIX作为背景音乐,Anak ,The last world with you完整版
2022/03/16 杂记