jquery设置元素的readonly和disabled的写法


Posted in Javascript onSeptember 22, 2013

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 相关文章推荐
javascript 日期常用的方法
Nov 11 Javascript
基于jQuery实现网页进度显示插件
Mar 04 Javascript
jquery中取消和绑定hover事件的实现代码
Jun 02 Javascript
bootstrap modal弹出框的垂直居中
Dec 14 Javascript
BootStrap中的Fontawesome 图标
May 25 Javascript
Vue精简版风格概述
Jan 30 Javascript
angular6.x中ngTemplateOutlet指令的使用示例
Aug 09 Javascript
基于vue中对鼠标划过事件的处理方式详解
Aug 22 Javascript
Echarts实现多条折线可拖拽效果
Dec 19 Javascript
如何配置vue.config.js 处理static文件夹下的静态文件
Jun 19 Javascript
详解element-ui 表单校验 Rules 配置 常用黑科技
Jul 11 Javascript
vue 解决mintui弹窗弹起来,底部页面滚动bug问题
Nov 12 Javascript
JS 毫秒转时间示例代码
Sep 22 #Javascript
javascript获取设置div的高度和宽度兼容任何浏览器
Sep 22 #Javascript
JS 有趣的eval优化输入验证实例代码
Sep 22 #Javascript
jCallout 轻松实现气泡提示功能
Sep 22 #Javascript
最好用的省市二级联动 原生js实现你值得拥有
Sep 22 #Javascript
jquery的选择器的使用技巧之如何选择input框
Sep 22 #Javascript
JS+flash实现chrome和ie浏览器下同时可以复制粘贴
Sep 22 #Javascript
You might like
PHP与MySQL开发中页面乱码的产生与解决
2008/03/27 PHP
PHP和Mysqlweb应用开发核心技术 第1部分 Php基础-3 代码组织和重用2
2011/07/03 PHP
php实现把数组按指定的个数分隔
2014/02/17 PHP
用 Composer构建自己的 PHP 框架之设计 MVC
2014/10/30 PHP
ThinkPHP模板循环输出Volist标签用法实例详解
2016/03/23 PHP
JavaScript 学习笔记(四)
2009/12/31 Javascript
深入理解JavaScript是如何实现继承的
2013/12/12 Javascript
JQuery+EasyUI轻松实现步骤条效果
2016/02/22 Javascript
在IE8上JS实现combobox支持拼音检索功能
2016/05/23 Javascript
详细谈谈AngularJS的子级作用域问题
2016/09/05 Javascript
jquery+Jscex打造游戏力度条
2020/09/12 Javascript
微信公众号开发 自定义菜单跳转页面并获取用户信息实例详解
2016/12/08 Javascript
Javascript中字符串相关常用的使用方法总结
2017/03/13 Javascript
微信小程序自定义模态对话框实例详解
2017/08/16 Javascript
微信小程序使用map组件实现检索(定位位置)周边的POI功能示例
2019/01/23 Javascript
Vue开发之watch监听数组、对象、变量操作分析
2019/04/25 Javascript
微信小程序如何再次获取用户授权的方法
2019/05/10 Javascript
vue axios请求成功却进入catch的原因分析
2020/09/08 Javascript
IDEA配置jQuery, $符号不再显示黄色波浪线的问题
2020/10/09 jQuery
[44:58]2018DOTA2亚洲邀请赛 4.5 淘汰赛 LGD vs Liquid 第二场
2018/04/06 DOTA
Python __setattr__、 __getattr__、 __delattr__、__call__用法示例
2015/03/06 Python
Python简单检测文本类型的2种方法【基于文件头及cchardet库】
2016/09/18 Python
深入浅析ImageMagick命令执行漏洞
2016/10/11 Python
python实现发送邮件功能
2017/07/22 Python
python使用tensorflow深度学习识别验证码
2018/04/03 Python
django url到views参数传递的实例
2019/07/19 Python
关于python字符串方法分类详解
2019/08/20 Python
pytorch之添加BN的实现
2020/01/06 Python
印度化妆品购物网站:Nykaa
2018/07/22 全球购物
建筑实习自我鉴定
2013/10/18 职场文书
临床医学系毕业生推荐信
2013/11/09 职场文书
法律专业应届生自荐信范文
2014/01/06 职场文书
建筑结构施工专业推荐信
2014/02/21 职场文书
商务日语专业的自荐信
2014/05/23 职场文书
护士实习求职信
2014/06/22 职场文书
乡镇综治宣传月活动总结
2014/07/02 职场文书