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判断HTML元素是否存在的两种解决方法
Dec 26 Javascript
jQuery实现仿QQ在线客服效果的滚动层代码
Oct 15 Javascript
初步了解javascript面向对象
Nov 09 Javascript
jquery实现横向图片轮播特效代码分享
Nov 19 Javascript
Node.js项目中调用JavaScript的EJS模板库的方法
Mar 11 Javascript
基于js的变量提升和函数提升(详解)
Sep 17 Javascript
vue富文本框(插入文本、图片、视频)的使用及问题小结
Aug 17 Javascript
vue-router 手势滑动触发返回功能
Sep 30 Javascript
VUE实现图片验证码功能
Nov 18 Javascript
vue-cli+webpack项目打包到服务器后,ttf字体找不到的解决操作
Aug 28 Javascript
利用JavaScript模拟京东按键输入功能
Dec 01 Javascript
解决vue下载后台传过来的乱码流的问题
Dec 05 Vue.js
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实现微信公众号支付功能图文详解
2019/04/10 PHP
PHP生成zip压缩包的常用方法示例
2019/08/22 PHP
使用jquery与图片美化checkbox和radio控件的代码(打包下载)
2010/11/11 Javascript
从面试题学习Javascript 面向对象(创建对象)
2012/03/30 Javascript
javascript在网页中实现读取剪贴板粘贴截图功能
2014/06/07 Javascript
javascript 数组操作详解
2015/01/29 Javascript
深入探讨前端框架react
2015/12/09 Javascript
JS基于构造函数实现的菜单滑动显隐效果【测试可用】
2016/06/21 Javascript
JS实现课堂随机点名和顺序点名
2017/03/09 Javascript
AngularJS实现的回到顶部指令功能实例
2017/05/17 Javascript
微信小程序图片宽100%显示并且不变形
2017/06/21 Javascript
JavaScript实现图片切换效果
2017/08/12 Javascript
react-redux中connect的装饰器用法@connect详解
2018/01/13 Javascript
p5.js入门教程和基本形状绘制
2018/03/15 Javascript
详解webpack模块加载器兼打包工具
2018/09/11 Javascript
Vue CLI 3搭建vue+vuex最全分析(推荐)
2018/09/27 Javascript
微信小程序地图导航功能实现完整源代码附效果图(推荐)
2019/04/28 Javascript
Python的SQLAlchemy框架使用入门
2015/04/29 Python
在Python中编写数据库模块的教程
2015/04/29 Python
python设定并获取socket超时时间的方法
2019/01/12 Python
set在python里的含义和用法
2019/06/24 Python
python实现音乐播放和下载小程序功能
2020/04/26 Python
Python爬虫简单运用爬取代理IP的实现
2020/12/01 Python
html5中地理位置定位api接口开发应用小结
2013/01/04 HTML / CSS
FORZIERI澳大利亚站:全球顶级奢华配饰精品店
2016/12/31 全球购物
Sunglasses Shop德国站:欧洲排名第一的太阳镜网站
2017/08/01 全球购物
介绍一下代理模式(Proxy)
2014/10/17 面试题
介绍一下javax.servlet.Servlet接口及其主要方法
2015/11/30 面试题
企业安全生产责任书
2014/04/14 职场文书
水电站项目建议书
2014/05/12 职场文书
办理房产过户的委托书
2014/09/14 职场文书
2015年教师节演讲稿范文
2015/03/19 职场文书
css position fixed 左右双定位的实现代码
2021/04/29 HTML / CSS
Python Django模型详解
2021/10/05 Python
图片批量处理 - 尺寸、格式、水印等
2022/03/07 杂记
CSS 鼠标点击拖拽效果的实现代码
2022/12/24 HTML / CSS