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 相关文章推荐
IE8下关于querySelectorAll()的问题
May 13 Javascript
分享14个很酷的jQuery导航菜单插件
Apr 25 Javascript
javascript 树形导航菜单实例代码
Aug 13 Javascript
JS获取网页属性包括宽、高等等
Apr 03 Javascript
阻止表单提交按钮多次提交的完美解决方法
May 16 Javascript
BootStrap 智能表单实战系列(十)自动完成组件的支持
Jun 13 Javascript
详解node如何让一个端口同时支持https与http
Jul 04 Javascript
微信小程序修改swiper默认指示器样式的实例代码
Jul 18 Javascript
百度小程序自定义通用toast组件
Jul 17 Javascript
微信小程序从注册账号到上架(图文详解)
Jul 17 Javascript
详解Vue-cli3.X使用px2rem遇到的问题
Aug 09 Javascript
修改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
PHP 程序员应该使用的10个组件
2009/10/31 PHP
Yii Framework框架获取分类下面的所有子类方法
2014/06/20 PHP
几道坑人的PHP面试题 试试看看你会不会也中招
2014/08/19 PHP
详解PHP归并排序的实现
2016/10/18 PHP
如何简单地用YUI做JavaScript动画
2007/03/10 Javascript
基于jQuery UI CSS Framework开发Widget的经验
2010/08/21 Javascript
再谈javascript面向对象编程
2012/03/18 Javascript
jQuery事件绑定.on()简要概述及应用
2013/02/07 Javascript
js实现的四级左侧网站分类菜单实例
2015/05/06 Javascript
JS前端加密算法示例
2016/12/22 Javascript
canvas雪花效果核心代码分享
2017/02/19 Javascript
JavaScript之underscore_动力节点Java学院整理
2017/07/03 Javascript
解决iView中时间控件选择的时间总是少一天的问题
2018/03/15 Javascript
vue 监听某个div垂直滚动条下拉到底部的方法
2018/09/15 Javascript
详解在vue-cli项目下简单使用mockjs模拟数据
2018/10/19 Javascript
javascript实现鼠标点击生成文字特效
2019/12/24 Javascript
Python字符串处理函数简明总结
2015/04/13 Python
Python xlrd读取excel日期类型的2种方法
2015/04/28 Python
基于python代码实现简易滤除数字的方法
2018/07/17 Python
Python中turtle库的使用实例
2019/09/09 Python
Python爬取豆瓣视频信息代码实例
2019/11/16 Python
Tensorflow中的降维函数tf.reduce_*使用总结
2020/04/20 Python
python不到50行代码完成了多张excel合并的实现示例
2020/05/28 Python
python/golang 删除链表中的元素
2020/09/14 Python
python 制作本地应用搜索工具
2021/02/27 Python
意大利领先的线上奢侈品销售电商:Eleonora Bonucci
2017/10/17 全球购物
教师推荐信范文
2013/11/24 职场文书
大学生实习思想汇报
2014/01/12 职场文书
奥巴马的演讲稿
2014/05/15 职场文书
公司周年庆活动方案
2014/08/25 职场文书
民主评议党员个人自我评价
2015/03/03 职场文书
同意离婚答辩状
2015/05/22 职场文书
开国大典观后感
2015/06/04 职场文书
《草虫的村落》教学反思
2016/02/20 职场文书
详解python的内存分配机制
2021/05/10 Python
3050和2060哪个好 性能差多少 差距有多大 谁更有性价比
2022/06/17 数码科技