使用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 相关文章推荐
找到一点可怜的关于dojo资料,谢谢作者!
Dec 06 Javascript
javascript编程起步(第六课)
Feb 27 Javascript
jQuery '行 4954 错误: 不支持该属性或方法' 的问题解决方法
Jan 19 Javascript
Javascript面向对象编程
Mar 18 Javascript
js select实现省市区联动选择
Apr 17 Javascript
源码分析Vue.js的监听实现教程
Apr 23 Javascript
jQuery开源组件BootstrapValidator使用详解
Jun 29 jQuery
实例详解JavaScript中setTimeout函数的执行顺序
Jul 12 Javascript
es7学习教程之fetch解决异步嵌套问题的方法示例
Jul 21 Javascript
AngularJS日期格式化常见操作实例分析
May 17 Javascript
详解搭建es6+devServer简单开发环境
Sep 25 Javascript
JavaScript 格式化数字、金额、千分位、保留几位小数、舍入舍去
Jul 23 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读取csv文件后,uft8 bom导致在页面上显示出现问题的解决方法
2013/08/10 PHP
PHP CURL CURLOPT参数说明(curl_setopt)
2013/09/30 PHP
ThinkPHP缓存方法S()概述
2014/06/13 PHP
php单态设计模式(单例模式)实例
2014/11/18 PHP
PHPExcel内存泄漏问题解决方法
2015/01/23 PHP
javascript下IE与FF兼容函数收集
2008/09/17 Javascript
一步一步制作jquery插件Tabs实现过程
2010/07/06 Javascript
jquery图片不完全按比例自动缩小的简单代码
2013/07/29 Javascript
javascript操作表格排序实例分析
2015/05/06 Javascript
WEB 前端开发中防治重复提交的实现方法
2016/10/26 Javascript
深入理解javascript中concat方法
2016/12/12 Javascript
vue-resourse将json数据输出实例
2017/03/08 Javascript
vue-devtools的安装步骤
2018/04/23 Javascript
微信小程序实现tab左右切换效果
2020/11/15 Javascript
对 Vue-Router 进行单元测试的方法
2018/11/05 Javascript
vue spa应用中的路由缓存问题与解决方案
2019/05/31 Javascript
JavaScript实现PC端四格密码输入框功能
2020/02/19 Javascript
Python实现的Excel文件读写类
2015/07/30 Python
解决PyCharm中光标变粗的问题
2017/08/05 Python
python实现在pandas.DataFrame添加一行
2018/04/04 Python
解决python3捕获cx_oracle抛出的异常错误问题
2018/10/18 Python
代码实例讲解python3的编码问题
2019/07/08 Python
twilio python自动拨打电话,播放自定义mp3音频的方法
2019/08/08 Python
python os.fork() 循环输出方法
2019/08/08 Python
python re的findall和finditer的区别详解
2020/11/15 Python
HTML5移动端开发遇见的东西
2019/10/11 HTML / CSS
美国网上花店:JustFlowers
2017/02/12 全球购物
美国户外服装和装备购物网站:Outland USA
2020/03/22 全球购物
*p++ 自增p 还是p所指向的变量
2016/07/16 面试题
我的网上商城创业计划书
2013/12/26 职场文书
计算机专业优秀大学生自我总结
2014/01/21 职场文书
房地产项目建议书
2014/03/12 职场文书
高一军训的心得体会
2014/09/01 职场文书
婚礼证婚人演讲稿
2014/09/13 职场文书
骨干教师申报材料
2014/12/17 职场文书
教代会开幕词
2015/01/28 职场文书