使用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 相关文章推荐
jquery pagination插件实现无刷新分页代码
Oct 13 Javascript
jQuery操作Select的Option上下移动及移除添加等等
Nov 18 Javascript
JQuery做的一个简单的点灯游戏分享
Jul 16 Javascript
浅谈jquery中delegate()与live()
Jun 22 Javascript
AngularJS验证信息框架的封装插件用法【w5cValidator扩展插件】
Nov 03 Javascript
微信小程序 简单DEMO布局,逻辑,样式的练习
Nov 30 Javascript
Vue单文件组件基础模板小结
Aug 10 Javascript
ES6中定义类和对象的方法示例
Jul 31 Javascript
js实现登录拖拽窗口
Feb 10 Javascript
JS数组push、unshift、pop、shift方法的实现与使用方法示例
Apr 29 Javascript
微信jssdk踩坑之签名错误invalid signature
May 19 Javascript
关于JavaScript 中 if包含逗号表达式
Nov 27 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
PHPExcel读取Excel文件的实现代码
2011/12/06 PHP
PHP Parse Error: syntax error, unexpected $end 错误的解决办法
2012/06/05 PHP
PHP小技巧之JS和CSS优化工具Minify的使用方法
2014/05/19 PHP
Zend Framework教程之路由功能Zend_Controller_Router详解
2016/03/07 PHP
PHP通过get方法获得form表单数据方法总结
2018/09/12 PHP
jQuery对象和DOM对象相互转化
2009/04/24 Javascript
JS 实现双色表格实现代码
2009/11/24 Javascript
基于jQuery.Validate验证库知识点的详解
2013/04/26 Javascript
jQuery JSON实现无刷新三级联动实例探讨
2013/05/28 Javascript
文本框回车提交与禁止提交示例
2013/09/27 Javascript
js自动生成对象的属性示例代码
2013/10/28 Javascript
Mac地址验证的javascript代码
2013/11/09 Javascript
10分钟学会写Jquery插件实例教程
2014/09/06 Javascript
jQuery如何获取同一个类标签的所有值(默认无法获取)
2014/09/25 Javascript
让图片跳跃起来  javascript图片轮播特效
2016/02/16 Javascript
js判断出两个字符串最大子串的函数实现方法
2016/11/01 Javascript
Kindeditor单独调用单图上传增加预览功能的实例
2017/07/31 Javascript
JS实现登录页密码的显示和隐藏功能
2017/12/06 Javascript
jQuery中$原理实例分析
2018/08/13 jQuery
vue项目首屏加载时间优化实战
2019/04/23 Javascript
JS+CSS实现动态时钟
2021/02/19 Javascript
Python深入学习之对象的属性
2014/08/31 Python
python高手之路python处理excel文件(方法汇总)
2016/01/07 Python
手把手教你用python抢票回家过年(代码简单)
2018/01/21 Python
pytorch 在网络中添加可训练参数,修改预训练权重文件的方法
2019/08/17 Python
python将图片转base64,实现前端显示
2020/01/09 Python
对Python中 \r, \n, \r\n的彻底理解
2020/03/06 Python
python爬虫开发之selenium模块详细使用方法与实例全解
2020/03/09 Python
HTML5+Canvas+CSS3实现齐天大圣孙悟空腾云驾雾效果
2016/04/26 HTML / CSS
美国家居装饰网上商店:Lulu & Georgia
2019/09/14 全球购物
Mybag美国/加拿大:英国奢华包包和名牌手袋网站
2020/02/16 全球购物
Java程序员面试90题
2013/10/19 面试题
应届大专毕业生自我鉴定
2014/04/08 职场文书
计算机科学技术自荐信
2014/06/12 职场文书
2019事业单位个人工作总结范文
2019/08/26 职场文书
Redis源码阅读:Redis字符串SDS详解
2021/07/15 Redis