使用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 相关文章推荐
Prototype使用指南之hash.js
Jan 10 Javascript
javascript 兼容鼠标滚轮事件
Apr 07 Javascript
jquery上传插件fineuploader上传文件使用方法(jquery图片上传插件)
Dec 05 Javascript
JavaScript中停止执行setInterval和setTimeout事件的方法
May 14 Javascript
js鼠标点击图片切换效果代码分享
Aug 26 Javascript
不依赖Flash和任何JS库实现文本复制与剪切附源码下载
Oct 09 Javascript
jQuery实现页面下拉100像素出现悬浮窗口的方法
Sep 05 Javascript
BootStrap注意事项小结(五)表单
Mar 10 Javascript
初识 Vue.js 中的 *.Vue文件
Nov 22 Javascript
微信小程序左右滑动的实现代码
Dec 15 Javascript
vue界面发送表情的实现代码
Sep 11 Javascript
基于JavaScript实现简单的轮播图
Mar 03 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
用PHP4访问Oracle815
2006/10/09 PHP
用C/C++扩展你的PHP 为你的php增加功能
2012/09/06 PHP
在yii中新增一个用户验证的方法详解
2013/06/20 PHP
30个php操作redis常用方法代码例子
2014/07/05 PHP
php数组添加元素方法小结
2014/12/20 PHP
php在linux下检测mysql同步状态的方法
2015/01/15 PHP
PHP代码判断设备是手机还是平板电脑(两种方法)
2015/10/19 PHP
浅谈PHP匿名函数和闭包
2019/03/08 PHP
原生Js实现按的数据源均分时间点幻灯片效果(已封装)
2010/12/28 Javascript
JavaScript异步调用定时方法并停止该方法实现代码
2012/03/16 Javascript
jquery 实现上下滚动效果示例代码
2013/08/09 Javascript
jquery实现点击消失的代码
2014/03/03 Javascript
js中的如何定位固定层的位置
2014/06/15 Javascript
JS仿iGoogle自定义首页模块拖拽特效的方法
2015/02/13 Javascript
javascript实现删除前弹出确认框
2015/06/04 Javascript
浅谈JavaScript 执行环境、作用域及垃圾回收
2016/05/31 Javascript
移动端界面的适配
2017/01/11 Javascript
vue loadmore 组件滑动加载更多源码解析
2017/07/19 Javascript
Vue 中使用vue2-highcharts实现top功能的示例
2018/03/05 Javascript
vue router动态路由下让每个子路由都是独立组件的解决方案
2018/04/24 Javascript
JS Array.from()将伪数组转换成数组的方法示例
2020/03/23 Javascript
[06:06]2018DOTA2亚洲邀请赛主赛事第四日战况回顾 全明星赛欢乐上演
2018/04/07 DOTA
Python实现将罗马数字转换成普通阿拉伯数字的方法
2017/04/19 Python
python OpenCV学习笔记之绘制直方图的方法
2018/02/08 Python
python pptx复制指定页的ppt教程
2020/02/14 Python
python实现126邮箱发送邮件
2020/05/20 Python
使用CSS变量实现炫酷惊人的悬浮效果
2019/04/26 HTML / CSS
移动端适配 使px自动转换rem
2019/08/26 HTML / CSS
管理科学大学生求职信
2013/11/13 职场文书
作弊检讨书1000字
2014/02/01 职场文书
就业自我评价
2014/02/04 职场文书
商场促销活动总结
2014/07/10 职场文书
社区助残日活动总结
2014/08/29 职场文书
病假条格式范文
2015/08/17 职场文书
2016年小学党支部创先争优活动总结
2016/04/05 职场文书
详解Spring Boot使用系统参数表提升系统的灵活性
2021/06/30 Java/Android