jquery批量设置属性readonly和disabled的方法


Posted in Javascript onJanuary 24, 2014

Jquery的api中提供了对元素应用disabled和readonly属性的方法,在这里记录下。如下:
1.readonly

$('input').attr("readonly","readonly")//将input元素设置为readonly 

$('input').removeAttr("readonly");//去除input元素的readonly属性 

 if($('input').attr("readonly")==true)//判断input元素是否已经设置了readonly属性 

 对于为元素设置readonly属性和取消readonly属性的方法还有如下两种: 

$('input').attr("readonly",true)//将input元素设置为readonly 

$('input').attr("readonly",false)//去除input元素的readonly属性 

$('input').attr("readonly","readonly")//将input元素设置为readonly 

$('input').attr("readonly","")//去除input元素的readonly属性

2.disabled
$('input').attr("disabled","disabled")//将input元素设置为disabled 

$('input').removeAttr("disabled");//去除input元素的disabled属性 

if($('input').attr("disabled")==true)//判断input元素是否已经设置了disabled属性

对于为元素设置disabled属性和取消disabled属性的方法还有如下两种:

$('input').attr("disabled",true)//将input元素设置为disabled 

$('input').attr("disabled",false)//去除input元素的disabled属性

$('input').attr("disabled","disabled")//将input元素设置为disabled 

$('input').attr("disabled","")//去除input元素的disabled属性
Javascript 相关文章推荐
JS 实现完美include载入实现代码
Aug 05 Javascript
js实现回放拖拽轨迹从过程上进行分析
Jun 26 Javascript
JavaScript获取伪元素(Pseudo-Element)属性的方法技巧
Mar 13 Javascript
浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本注入
Jan 19 Javascript
详解JavaScript异步编程中jQuery的promise对象的作用
May 03 Javascript
CSS3 media queries结合jQuery实现响应式导航
Sep 30 Javascript
JS插件plupload.js实现多图上传并显示进度条
Nov 29 Javascript
javascript回调函数的概念理解与用法分析
May 27 Javascript
详解Ubuntu安装angular-cli遇到的坑
Sep 08 Javascript
Vue 配合eiement动态路由,权限验证的方法
Sep 26 Javascript
vue2.0 路由模式mode="history"的作用
Oct 18 Javascript
详谈Vue.js框架下main.js,App.vue,page/index.vue之间的区别
Aug 12 Javascript
jquery 通过name快速取值示例
Jan 24 #Javascript
jquery 鼠标滑动显示详情应用示例
Jan 24 #Javascript
js调用打印机打印网页字体总是缩小一号的解决方法
Jan 24 #Javascript
动态的创建一个元素createElement及删除一个元素
Jan 24 #Javascript
动态的绑定事件addEventListener方法的使用
Jan 24 #Javascript
js监听滚动条滚动事件使得某个标签内容始终位于同一位置
Jan 24 #Javascript
js利用事件的阻止冒泡实现点击空白模态框的隐藏
Jan 24 #Javascript
You might like
使用PHPMyAdmin修复论坛数据库的图文方法
2012/01/09 PHP
php中调用其他系统http接口的方法说明
2014/02/28 PHP
dedecms函数分享之获取某一栏目所有子栏目
2014/05/19 PHP
thinkphp框架使用JWTtoken的方法详解
2019/10/10 PHP
html读出文本文件内容
2007/01/22 Javascript
javascript转换字符串为dom对象(字符串动态创建dom)
2010/05/10 Javascript
javascript scrollTop正解使用方法
2013/11/14 Javascript
js字符串截取函数substr substring slice使用对比
2013/11/27 Javascript
JS实现图片剪裁并预览效果
2016/08/12 Javascript
nodejs进阶(6)—连接MySQL数据库示例
2017/01/07 NodeJs
js 转义字符及URI编码详解
2017/02/28 Javascript
json的结构与遍历方法实例分析
2017/04/25 Javascript
基于JS对象创建常用方式及原理分析
2017/06/28 Javascript
一种angular的方法级的缓存注解(装饰器)
2018/03/13 Javascript
Vue写一个简单的倒计时按钮功能
2018/04/20 Javascript
jQuery 同时获取多个标签的指定内容并储存为数组
2018/11/20 jQuery
Vue实现微信支付功能遇到的坑
2019/06/05 Javascript
基于Node.js搭建hexo博客过程详解
2019/06/25 Javascript
JS实现躲避粒子小游戏
2020/06/18 Javascript
[45:32]Liquid vs LGD 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
[01:35:13]DOTA2-DPC中国联赛 正赛 DLG vs PHOENIX BO3 第一场 1月18日
2021/03/11 DOTA
python实现探测socket和web服务示例
2014/03/28 Python
Python实现设置windows桌面壁纸代码分享
2015/03/28 Python
python实现的用于搜索文件并进行内容替换的类实例
2015/06/28 Python
django中使用POST方法获取POST数据
2019/08/20 Python
如何把外网python虚拟环境迁移到内网
2020/05/18 Python
matlab、python中矩阵的互相导入导出方式
2020/06/01 Python
python通过cython加密代码
2020/12/11 Python
html5实现微信打飞机游戏
2014/03/27 HTML / CSS
健康监测猫砂:Pretty Litter
2017/05/25 全球购物
教师实习的自我鉴定
2013/10/26 职场文书
英语教师岗位职责
2014/03/16 职场文书
买卖车协议书
2014/04/21 职场文书
小学教师2014年度工作总结
2014/12/03 职场文书
2015年村党支部工作总结
2015/04/30 职场文书
springboot中的pom文件 project报错问题
2022/01/18 Java/Android