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中for循序中延迟加载动态效果的具体实现
Aug 18 Javascript
node.js使用npm 安装插件时提示install Error: ENOENT报错的解决方法
Nov 20 Javascript
AngularGauge 属性解析详解
Sep 06 Javascript
AngularJs表单验证实例代码解析
Nov 29 Javascript
详解html-webpack-plugin用法全解
Jan 22 Javascript
bootstrap自定义样式之bootstrap实现侧边导航栏功能
Sep 10 Javascript
VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解
Nov 30 Javascript
Vue组件通信的几种实现方法
Apr 25 Javascript
OpenLayers3实现鼠标移动显示坐标
Sep 25 Javascript
Javascript执行上下文顺序的深入讲解
Nov 04 Javascript
浅谈Vue static 静态资源路径 和 style问题
Nov 07 Javascript
浅谈Web Storage API的使用
Jun 23 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
PHP中Memcache操作类及用法实例
2014/12/12 PHP
php操作xml入门之cdata区段
2015/01/23 PHP
Yii中Model(模型)的创建及使用方法
2015/12/28 PHP
php正则表达式验证(邮件地址、Url地址、电话号码、邮政编码)
2016/03/14 PHP
php实现微信企业转账功能
2018/10/02 PHP
PHP聊天室简单实现方法详解
2018/12/08 PHP
一个tab标签切换效果代码
2009/03/27 Javascript
Javascript Boolean、Nnumber、String 强制类型转换的区别详细介绍
2012/12/13 Javascript
js单向链表的具体实现实例
2013/06/21 Javascript
Jquery遍历节点的方法小集
2014/01/22 Javascript
javascript获取本机操作系统类型的方法
2015/08/13 Javascript
jquery中用jsonp实现搜索框功能
2016/10/18 Javascript
vue.js指令v-model实现方法
2016/12/05 Javascript
fullCalendar中文API官方文档
2017/02/07 Javascript
jquery使用EasyUI Tree异步加载JSON数据(生成树)
2017/02/11 Javascript
JS实现的模仿QQ头像资料卡显示与隐藏效果
2017/04/07 Javascript
ionic3+Angular4实现接口请求及本地json文件读取示例
2017/10/11 Javascript
React Native 真机断点调试+跨域资源加载出错问题的解决方法
2018/01/18 Javascript
Element Table的row-class-name无效与动态高亮显示选中行背景色
2018/11/30 Javascript
vue从一个页面跳转到另一个页面并携带参数的解决方法
2019/08/12 Javascript
Layui选项卡制作历史浏览记录的方法
2019/09/28 Javascript
更改Python命令行交互提示符的方法
2015/01/14 Python
Python中处理字符串之isalpha()方法的使用
2015/05/18 Python
利用Python学习RabbitMQ消息队列
2015/11/30 Python
python中的编码知识整理汇总
2016/01/26 Python
浅谈Python爬取网页的编码处理
2016/11/04 Python
python 发送和接收ActiveMQ消息的实例
2019/01/30 Python
Python3自动生成MySQL数据字典的markdown文本的实现
2020/05/07 Python
matplotlib.pyplot.matshow 矩阵可视化实例
2020/06/16 Python
酒店应聘自荐信
2013/11/09 职场文书
《池塘边的叫声》教学反思
2014/04/12 职场文书
企业培训简报范文
2015/07/20 职场文书
六年级作文之家庭作文
2019/12/12 职场文书
php微信小程序解包过程实例详解
2021/03/31 PHP
Python djanjo之csrf防跨站攻击实验过程
2021/05/14 Python
mongodb清除连接和日志的正确方法分享
2021/09/15 MongoDB