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操作CheckBoxList实现全选/反选(在客服端完成)
Feb 02 Javascript
jquery中常用的函数和属性详细解析
Mar 07 Javascript
jQuery购物网页经典制作案例
Aug 19 Javascript
angular过滤器实现排序功能
Jun 27 Javascript
AngularJS中下拉框的高级用法示例
Oct 11 Javascript
利用three.js画一个3D立体的正方体示例代码
Nov 19 Javascript
Vuex实现计数器以及列表展示效果
Mar 10 Javascript
对vue里函数的调用顺序介绍
Mar 17 Javascript
webpack4 CSS Tree Shaking的使用
Sep 03 Javascript
深入浅析Vue 中 ref 的使用
Apr 29 Javascript
微信小程序绘制半圆(弧形)进度条
Nov 18 Javascript
vue 实现图片懒加载功能
Dec 31 Vue.js
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的引用原因分析
2012/09/06 PHP
PHP gbk环境下json_dencode传送来的汉字
2012/11/13 PHP
php打开文件fopen函数的使用说明
2013/07/05 PHP
完美利用Yii2微信后台开发的系列总结
2016/07/18 PHP
Ajax提交表单时验证码自动验证 php后端验证码检测
2016/07/20 PHP
简单谈谈PHP中的Reload操作
2016/12/12 PHP
Javascript 面向对象特性
2009/12/28 Javascript
jquery蒙版控件实现代码
2010/12/08 Javascript
jquery解析xml字符串示例分享
2014/03/25 Javascript
JS函数重载的解决方案
2014/05/13 Javascript
简介JavaScript中valueOf()方法的使用
2015/06/05 Javascript
JS实现仿QQ效果的三级竖向菜单
2015/09/25 Javascript
jquery实现简单的全选和反选功能
2016/01/02 Javascript
JS遍历数组及打印数组实例分析
2016/01/21 Javascript
Javascript 基础---Ajax入门必看
2016/07/06 Javascript
javaScript中定义类或对象的五种方式总结
2016/12/04 Javascript
15个非常实用的JavaScript代码片段
2016/12/18 Javascript
jquery插件treegrid树状表格的使用方法详解(.Net平台)
2017/01/03 Javascript
JavaScript创建对象_动力节点Java学院整理
2017/06/27 Javascript
深入理解JavaScript的值传递和引用传递
2018/10/24 Javascript
vue实现购物车的监听
2020/04/20 Javascript
Python发送form-data请求及拼接form-data内容的方法
2016/03/05 Python
利用python的socket发送http(s)请求方法示例
2018/05/07 Python
python实现zabbix发送短信脚本
2018/09/17 Python
Python3.5面向对象与继承图文实例详解
2019/04/24 Python
django组合搜索实现过程详解(附代码)
2019/08/06 Python
python同步windows和linux文件
2019/08/29 Python
Python tkinter常用操作代码实例
2020/01/03 Python
python GUI库图形界面开发之PyQt5信号与槽机制、自定义信号基础介绍
2020/02/25 Python
详解numpy.ndarray.reshape()函数的参数问题
2020/10/13 Python
HTML5 拖拽批量上传文件的示例代码
2018/03/28 HTML / CSS
HTML5 Canvas draw方法制作动画效果示例
2013/07/11 HTML / CSS
美国专业消费电子及摄影器材网站:B&H Photo Video
2019/12/18 全球购物
公司出纳岗位职责
2013/12/07 职场文书
大学生英文求职信范文
2015/03/19 职场文书
忠犬八公的故事观后感
2015/06/05 职场文书