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 相关文章推荐
node.js Web应用框架Express入门指南
May 28 Javascript
JavaScript File分段上传
Mar 10 Javascript
JQuery实现动态操作表格
Jan 11 Javascript
基于bootstrap实现收缩导航条
Mar 17 Javascript
使用vue和datatables进行表格的服务器端分页实例代码
Jun 07 Javascript
详解webpack+vue-cli项目打包技巧
Jun 17 Javascript
JavaScript面向对象精要(上部)
Sep 12 Javascript
js中url对象化管理分析
Dec 29 Javascript
vue-router beforeEach跳转路由验证用户登录状态
Dec 26 Javascript
小程序选项卡以及swiper套用(跨页面)
Jun 19 Javascript
Element Rate 评分的使用方法
Jul 27 Javascript
Vue中关闭弹窗组件时销毁并隐藏操作
Sep 01 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
对盗链说再见...
2006/10/09 PHP
destoon实现首页显示供应、企业、资讯条数的方法
2014/07/15 PHP
PHP读取CURL模拟登录时生成Cookie文件的方法
2014/11/04 PHP
PHP批量去除BOM头代码分享
2015/06/26 PHP
PHP中配置IIS7实现基本身份验证的方法
2015/09/24 PHP
php metaphone()函数的定义和用法
2016/05/15 PHP
thinkphp制作404跳转页的简单实现方法
2016/09/22 PHP
PHP将字符串首字母大小写转换的实例
2017/01/21 PHP
php中Swoole的热更新实现代码实例
2021/03/04 PHP
IE 缓存策略的BUG的解决方法
2007/07/21 Javascript
javascript获得CheckBoxList选中的数量
2009/10/27 Javascript
jquery ready函数、css函数及text()使用示例
2013/09/27 Javascript
jquery使用$(element).is()来判断获取的tagName
2014/08/24 Javascript
JavaScript程序设计之JS调试
2015/12/09 Javascript
Angular外部使用js调用Angular控制器中的函数方法或变量用法示例
2016/08/05 Javascript
JavaScript中访问id对象 属性的方式访问属性(实例代码)
2016/10/28 Javascript
用jQuery.ajaxSetup实现对请求和响应数据的过滤
2016/12/20 Javascript
浅谈js中同名函数和同名变量的执行问题
2017/02/12 Javascript
Angular 4依赖注入学习教程之InjectToken的使用(八)
2017/06/04 Javascript
bootstrap multiselect下拉列表功能
2017/08/22 Javascript
为什么我们要做三份 Webpack 配置文件
2017/09/18 Javascript
PHP自动加载autoload和命名空间的应用小结
2017/12/01 Javascript
原生javascript AJAX 三级联动的实现代码
2018/05/04 Javascript
Vue组件中prop属性使用说明实例代码详解
2018/05/31 Javascript
vue升级之路之vue-router的使用教程
2018/08/14 Javascript
详解小程序毫秒级倒计时(适用于拼团秒杀功能)
2019/05/05 Javascript
Python两个内置函数 locals 和globals(学习笔记)
2016/08/28 Python
python中json格式数据输出的简单实现方法
2016/10/31 Python
python try except 捕获所有异常的实例
2018/10/18 Python
python实现批量注册网站用户的示例
2019/02/22 Python
CSS3近阶段篇之酷炫的3D旋转透视
2016/04/28 HTML / CSS
css3实现3D文本悬停改变效果的示例代码
2019/01/16 HTML / CSS
canvas实现飞机打怪兽射击小游戏的示例代码
2018/07/09 HTML / CSS
背起爸爸上学观后感
2015/06/08 职场文书
go语言中切片与内存复制 memcpy 的实现操作
2021/04/27 Golang
python中tkinter复选框使用操作
2021/11/11 Python