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 相关文章推荐
js实现iframe动态调整高度的代码
Jan 06 Javascript
网页上的Javascript编辑器和代码格式化
Apr 25 Javascript
HTTP 304错误的详细讲解
Nov 13 Javascript
jQuery Validate 验证,校验规则写在控件中的具体实例
Feb 27 Javascript
用js一次改变多个input的readonly属性值的方法
Jun 11 Javascript
浅析javascript的return语句
Dec 15 Javascript
JS封装的自动创建表格的实现代码
Jun 15 Javascript
原生JavaScript制作计算器
Oct 16 Javascript
mui框架 页面无法滚动的解决方法(推荐)
Jan 25 Javascript
微信小程序实现下拉刷新动画
Jun 21 Javascript
JavaScript 异步时序问题
Nov 20 Javascript
JS代码实现页面切换效果
Jan 10 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购物车模块功能分析(函数讲解,附源码)
2013/06/25 PHP
php制作unicode解码工具(unicode编码转换器)代码分享
2013/12/24 PHP
PHP制作用户注册系统
2015/10/23 PHP
Javascript开发包大全整理
2006/12/22 Javascript
datePicker——日期选择控件(with jquery)
2007/02/20 Javascript
Javascript 构造函数 实例分析
2008/11/26 Javascript
JavaScript异步编程:异步数据收集的具体方法
2013/08/19 Javascript
Express.JS使用详解
2014/07/17 Javascript
JS右下角广告窗口代码(可收缩、展开及关闭)
2015/09/04 Javascript
jQuery进行组件开发完整实例
2015/12/15 Javascript
Bootstrap实现水平排列的表单
2016/07/04 Javascript
工作中常用的js、jquery自定义扩展函数代码片段汇总
2016/12/22 Javascript
BootStrap selectpicker后台动态绑定数据的方法
2017/07/28 Javascript
深入理解ES6 Promise 扩展always方法
2017/09/26 Javascript
mac上配置Android环境变量的方法
2018/07/08 Javascript
详解.vue文件中style标签的几个标识符
2018/07/17 Javascript
微信小程序实现两个页面传值的方法分析
2018/12/11 Javascript
axios 实现post请求时把对象obj数据转为formdata
2019/10/31 Javascript
微信小程序以ssm做后台开发的实现示例
2020/04/08 Javascript
使用python 和 lint 删除项目无用资源的方法
2017/12/20 Python
对PyTorch torch.stack的实例讲解
2018/07/30 Python
python 重命名轴索引的方法
2018/11/10 Python
Python+OpenCV采集本地摄像头的视频
2019/04/25 Python
Django使用Profile扩展User模块方式
2020/05/14 Python
详解python程序中的多任务
2020/09/16 Python
HTML5之消息通知的使用(Web Notification)
2018/10/30 HTML / CSS
急诊科护士自我鉴定
2013/10/14 职场文书
科研课题实施方案
2014/03/18 职场文书
仲裁协议书
2014/09/26 职场文书
狂人日记读书笔记
2015/06/30 职场文书
民警忠诚教育心得体会
2016/01/23 职场文书
培训心得体会怎么写
2016/01/25 职场文书
如何拟写通知正文?
2019/04/02 职场文书
MySQL基础(二)
2021/04/05 MySQL
Java中常用解析工具jackson及fastjson的使用
2021/06/28 Java/Android
Vue ECharts实现机舱座位选择展示功能
2022/05/15 Vue.js