使用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 相关文章推荐
JS控制阿拉伯数字转为中文大写示例代码
Sep 04 Javascript
使用javascript将时间转换成今天,昨天,前天等格式
Jun 25 Javascript
使用Node.js给图片加水印的方法
Nov 15 Javascript
一个非常好用的文字滚动的案例,鼠标悬浮可暂停[两种方案任选]
Dec 01 Javascript
angular仿支付宝密码框输入效果
Mar 25 Javascript
javascript 玩转Date对象(实例讲解)
Jul 11 Javascript
vue生成token保存在客户端localStorage中的方法
Oct 25 Javascript
vue组件的写法汇总
Apr 12 Javascript
微信小程序实现定位及到指定位置导航的示例代码
Aug 20 Javascript
微信小程序缓存支持二次开发封装实现解析
Dec 16 Javascript
JS代码触发事件代码实例
Jan 02 Javascript
详解TypeScript的基础类型
Feb 18 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中利用XML技术构造远程服务(上)
2006/10/09 PHP
PHP的面试题集,附我的答案和分析(一)
2006/11/19 PHP
php数组编码转换示例详解
2014/03/11 PHP
php输出全球各个时区列表的方法
2015/03/31 PHP
使用正则去除php代码中的注释方法
2016/11/03 PHP
详解PHP swoole process的使用方法
2017/08/26 PHP
PHP实现双链表删除与插入节点的方法示例
2017/11/11 PHP
thinkPHP框架实现的简单计算器示例
2018/12/07 PHP
PHP设计模式之PHP迭代器模式讲解
2019/03/22 PHP
JS 强制设为首页的代码
2009/01/31 Javascript
jQuery toggle()设置CSS样式
2009/11/05 Javascript
js history对象简单实现返回和前进
2013/10/30 Javascript
javascript对JSON数据排序的3个例子
2014/04/12 Javascript
jQuery实现的一个tab切换效果内部还嵌有切换
2014/08/10 Javascript
jQuery移除tr无效的解决方法(tr是动态添加)
2014/09/22 Javascript
javascript中动态函数用法实例分析
2015/05/14 Javascript
SelecT下拉框选中和取值的解决方法
2016/11/22 Javascript
jquery.Callbacks的实现详解
2016/11/30 Javascript
JavaScript在控件上添加倒计时功能的实现代码
2017/07/04 Javascript
微信小程序 页面跳转传值实现代码
2017/07/27 Javascript
微信小程序使用wxParse解析html的方法示例
2019/01/17 Javascript
详解vue-router 动态路由下子页面多页共活的解决方案
2019/12/22 Javascript
[03:43]2014DOTA2西雅图国际邀请赛 newbee战队巡礼
2014/07/07 DOTA
[01:20]PWL开团时刻DAY9——听说潮汐没用?
2020/11/10 DOTA
详解python运行三种方式
2019/05/13 Python
Python完全识别验证码自动登录实例详解
2019/11/24 Python
Python通过两个dataframe用for循环求笛卡尔积
2020/04/29 Python
python如何导出微信公众号文章方法详解
2020/08/31 Python
阿波罗盒子:Apollo Box
2017/08/14 全球购物
公司营业员的工作总结自我评价
2013/10/05 职场文书
八年级音乐教学反思
2014/01/09 职场文书
个人培训自我鉴定
2014/03/28 职场文书
关于保护环境的建议书
2014/08/26 职场文书
领导干部群众路线个人对照检查材料思想汇报
2014/09/30 职场文书
医生学习党的群众路线教育实践活动心得体会
2014/11/03 职场文书
Python自动操作神器PyAutoGUI的使用教程
2022/06/16 Python