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实现动态移动层及拖动浮层关闭的方法
Apr 30 Javascript
jQuery插件实现多级联动菜单效果
Dec 01 Javascript
JavaScript ES6的新特性使用新方法定义Class
Jun 28 Javascript
jQuery中animate的几种用法与注意事项
Dec 12 Javascript
深入理解JavaScript中的for循环
Feb 07 Javascript
canvas实现探照灯效果
Feb 07 Javascript
详解AngularJS用Interceptors来统一处理HTTP请求和响应
Jun 08 Javascript
Vue单文件组件基础模板小结
Aug 10 Javascript
JQuery模拟实现网页中自定义鼠标右键菜单功能
Nov 14 jQuery
Vue实现一个图片懒加载插件
Mar 11 Javascript
vue+vuex+axios从后台获取数据存入vuex,组件之间共享数据操作
Jul 31 Javascript
vue中的循环对象属性和属性值用法
Sep 04 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框架CodeIgniter主从数据库配置方法分析
2018/05/25 PHP
php curl获取到json对象并转成数组array的方法
2018/05/31 PHP
js压缩工具 yuicompressor 使用教程
2010/03/31 Javascript
纯JS实现动态时间显示代码
2014/02/08 Javascript
JavaScript strike方法入门实例(给字符串加上删除线)
2014/10/17 Javascript
javascript弹出页面回传值的方法
2015/01/28 Javascript
3种js实现string的substring方法
2015/11/09 Javascript
Jquery为DIV添加click事件的简单实例
2016/06/02 Javascript
jQuery插件实现可输入和自动匹配的下拉框
2016/10/24 Javascript
AngularJs入门教程之环境搭建+创建应用示例
2016/11/01 Javascript
jQuery.cookie.js实现记录最近浏览过的商品功能示例
2017/01/23 Javascript
原生js实现鼠标跟随效果
2017/02/28 Javascript
jQuery实现动态给table赋值的方法示例
2017/07/04 jQuery
使用mint-ui开发项目的一些心得(分享)
2017/09/07 Javascript
vue mintui-Loadmore结合实现下拉刷新和上拉加载示例
2017/10/12 Javascript
angular动态表单制作
2018/02/23 Javascript
vue3.0 CLI - 2.2 - 组件 home.vue 的初步改造
2018/09/14 Javascript
详解Vue项目部署遇到的问题及解决方案
2019/01/11 Javascript
详解vue 自定义marquee无缝滚动组件
2019/04/09 Javascript
React 父子组件通信的实现方法
2019/12/05 Javascript
[41:20]2014 DOTA2华西杯精英邀请赛 5 24 NewBee VS DK
2014/05/26 DOTA
[46:23]完美世界DOTA2联赛PWL S2 FTD vs Magma 第一场 11.20
2020/11/23 DOTA
进一步了解Python中的XML 工具
2015/04/13 Python
python机器学习之神经网络实现
2018/10/13 Python
使用 Visual Studio Code(VSCode)搭建简单的Python+Django开发环境的方法步骤
2018/12/17 Python
python词云库wordcloud的使用方法与实例详解
2020/02/17 Python
Python3监控windows,linux系统的CPU、硬盘、内存使用率和各个端口的开启情况详细代码实例
2020/03/18 Python
Python字符串函数strip()原理及用法详解
2020/07/23 Python
最简单的matplotlib安装教程(小白)
2020/07/28 Python
详解tensorflow之过拟合问题实战
2020/11/01 Python
中国旅游网站:同程旅游
2016/09/11 全球购物
父母对孩子的寄语
2014/04/09 职场文书
2014年法院工作总结
2014/11/24 职场文书
精神文明建设先进个人事迹材料
2014/12/24 职场文书
雷锋之歌观后感
2015/06/10 职场文书
志愿服务心得体会
2016/01/15 职场文书