使用jQuery设置disabled属性与移除disabled属性


Posted in Javascript onAugust 21, 2014

表单中readOnly和disabled的区别:

Readonly只针对input(text/ password)和textarea有效,而disabled对于所有的表单元素都有效,包括select,radio, checkbox, button等。

但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去(这种情况出现在我们将某个表单中的textarea元素设置为disabled或readonly,但是submitbutton却是可以使用的)。

js操作:

function disableElement(element,val){
document.getElementById(element).disabled=val;
}

jQuery进行操作:
//两种方法设置disabled属性

$('#areaSelect').attr("disabled",true);

$('#areaSelect').attr("disabled","disabled");
//三种方法移除disabled属性

$('#areaSelect').attr("disabled",false);

$('#areaSelect').removeAttr("disabled");

$('#areaSelect').attr("disabled","");

获取s:textfield,并设置其disabled属性:
functiondisableTextfieldofAccountDiv(element,val) {
$(element).find(":textfield").attr('disabled',val);

}
Javascript 相关文章推荐
javascript 日期时间 转换的方法
Feb 21 Javascript
jquery属性过滤选择器使用示例
Jun 18 Javascript
jQuery在ul中显示某个li索引号的方法
Mar 17 Javascript
JS函数arguments数组获得实际传参数个数的实现方法
May 28 Javascript
vue双向绑定的简单实现
Dec 22 Javascript
npm国内镜像 安装失败的几种解决方案
Jun 04 Javascript
bootstrap timepicker在angular中取值并转化为时间戳
Jun 13 Javascript
js实现QQ面板拖拽效果(慕课网DOM事件探秘)(全)
Sep 19 Javascript
vue-router懒加载速度缓慢问题及解决方法
Nov 25 Javascript
JS实现深度优先搜索求解两点间最短路径
Jan 17 Javascript
js实现移动端tab切换时下划线滑动效果
Sep 08 Javascript
vue+导航锚点联动-滚动监听和点击平滑滚动跳转实例
Nov 13 Javascript
JS使用for循环遍历Table的所有单元格内容
Aug 21 #Javascript
Javascript 绘制 sin 曲线过程附图
Aug 21 #Javascript
json字符串之间的相互转换示例代码
Aug 21 #Javascript
js设置控件的隐藏与显示的两种方法
Aug 21 #Javascript
JS不能跨域借助jquery获取IP地址的方法
Aug 20 #Javascript
jQuery添加/改变/移除CSS类及判断是否已经存在CSS
Aug 20 #Javascript
jQuery CSS()方法改变现有的CSS样式
Aug 20 #Javascript
You might like
PHP中动态显示签名和ip原理
2007/03/28 PHP
PHP HTML JavaScript MySQL代码如何互相传值的方法分享
2012/09/30 PHP
php验证手机号码
2015/11/11 PHP
PHP小程序支付功能完整版【基于thinkPHP】
2019/03/26 PHP
Javascript打印网页部分内容的脚本
2008/11/17 Javascript
js unicode 编码解析关于数据转换为中文的两种方法
2014/04/21 Javascript
jquery 设置style:display的方法
2015/01/29 Javascript
Windows下用PyCharm和Visual Studio开始Python编程
2015/10/26 Javascript
jquery原理以及学习技巧介绍
2015/11/11 Javascript
js倒计时简单实现方法
2015/12/17 Javascript
原生js和jquery分别实现横向导航菜单效果
2016/05/13 Javascript
JS针对浏览器窗口关闭事件的监听方法集锦
2016/06/24 Javascript
js事件冒泡与事件捕获详解
2017/02/20 Javascript
详解可以用在VS Code中的正则表达式小技巧
2019/05/14 Javascript
微信小程序下拉菜单效果的实例代码
2019/05/14 Javascript
JavaScript中callee和caller的区别与用法实例分析
2019/06/28 Javascript
原生js实现五子棋游戏
2020/05/28 Javascript
nestjs返回给前端数据格式的封装实现
2021/02/22 Javascript
简单介绍Python2.x版本中的cmp()方法的使用
2015/05/20 Python
Python 列表(List) 的三种遍历方法实例 详解
2017/04/15 Python
python简单实现AES加密和解密
2019/03/28 Python
tensorflow实现打印ckpt模型保存下的变量名称及变量值
2020/01/04 Python
tensorflow 初始化未初始化的变量实例
2020/02/06 Python
python烟花效果的代码实例
2020/02/25 Python
python基于socket函数实现端口扫描
2020/05/28 Python
学python需要去培训机构吗
2020/07/01 Python
Python eval函数原理及用法解析
2020/11/14 Python
Lookfantastic台湾:英国彩妆美发保养购物网
2018/03/26 全球购物
五年级音乐教学反思
2014/02/06 职场文书
护士毕业生自荐信
2014/02/07 职场文书
班班通项目实施方案
2014/02/25 职场文书
公司总经理工作职责管理办法
2014/02/28 职场文书
班级读书活动总结
2014/06/30 职场文书
关于群众路线的心得体会
2014/11/05 职场文书
MySQL 重写查询语句的三种策略
2021/05/10 MySQL
mybatis-plus模糊查询指定字段
2022/04/28 Java/Android