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+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)
Dec 11 Javascript
jQuery中contents()方法用法实例
Jan 08 Javascript
jQuery监控文本框事件并作相应处理的方法
Apr 16 Javascript
Bootstrap前端开发案例一
Jun 17 Javascript
jQuery UI Bootstrap是什么?
Jun 17 Javascript
vue-cli如何添加less 以及sass
Jul 06 Javascript
angular2 ng build部署后base文件路径问题详细解答
Jul 15 Javascript
如何使用JS在HTML中自定义字符串格式化
Jul 20 Javascript
基于canvas粒子系统的构建详解
Aug 31 Javascript
尝试自己动手用react来写一个分页组件(小结)
Feb 09 Javascript
Vue循环组件加validate多表单验证的实例
Sep 18 Javascript
在vue中实现某一些路由页面隐藏导航栏的功能操作
Sep 21 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中is_null,empty,isset,unset 的区别详细介绍
2013/04/28 PHP
PHP快速按行读取CSV大文件的封装类分享(也适用于其它超大文本文件)
2014/04/10 PHP
使用新浪微博API的OAuth认证发布微博实例
2015/03/27 PHP
javascript对象之内置对象Math使用方法
2010/04/16 Javascript
js下利用控制器载入对应脚本
2010/07/17 Javascript
js新闻滚动 js如何实现新闻滚动效果
2013/01/07 Javascript
一个JavaScript防止表单重复提交的实例
2014/10/21 Javascript
基于jQuery实现动态数字展示效果
2015/08/12 Javascript
javascript求日期差的方法
2016/03/02 Javascript
jquery实现全选功能效果的实现代码
2016/05/05 Javascript
jQuery插件HighCharts实现的2D面积图效果示例【附demo源码下载】
2017/03/15 Javascript
详解webpack+gulp实现自动构建部署
2017/06/29 Javascript
JavaScript实现计算圆周率到小数点后100位的方法示例
2018/05/08 Javascript
小程序图片剪裁加旋转的示例代码
2018/07/10 Javascript
深入理解NodeJS 多进程和集群
2018/10/17 NodeJs
在Vue中使用axios请求拦截的实现方法
2018/10/25 Javascript
详解Vue之父子组件传值
2019/04/01 Javascript
Vue页面刷新记住页面状态的实现
2019/12/27 Javascript
JavaScript实现拖拽功能
2020/02/11 Javascript
Vue父子组件传值的一些坑
2020/09/16 Javascript
vue+element UI实现树形表格
2020/12/29 Vue.js
Eclipse + Python 的安装与配置流程
2013/03/05 Python
Python实现截屏的函数
2015/07/25 Python
Python去除字符串前后空格的几种方法
2019/03/04 Python
python实现马丁策略的实例详解
2021/01/15 Python
html5 canvas fillRect坐标和大小的问题解决方法
2014/03/26 HTML / CSS
新西兰便宜隐形眼镜购买网站:QUICKLENS New Zealand
2019/03/02 全球购物
Moda Italia荷兰:意大利男士服装
2019/08/31 全球购物
如何处理简单的PHP错误
2015/10/14 面试题
小学生获奖感言范文
2014/02/02 职场文书
2015年万圣节活动总结
2015/03/24 职场文书
导游词之阳朔遇龙河
2019/12/16 职场文书
提升Nginx性能的一些建议
2021/03/31 Servers
Prometheus 监控MySQL使用grafana展示
2021/08/30 MySQL
2021年国产动漫公司排行前十名,玄机科技上榜,第二推出过铠甲勇士
2022/03/18 杂记
Python&Matlab实现樱花的绘制
2022/04/07 Python