jQuery设置disabled属性

先比较下readOnly和disabled:

  readOnly 只针对input(text/ password)和textarea有效;

  disabled 对于所有的表单元素都有效,包括select,radio, checkbox, button等。

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

js代码实现:

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

jQuery代码实现:

1 //两种方法设置disabled属性
2 $(‘#areaSelect‘).attr("disabled",true);
3 $(‘#areaSelect‘).attr("disabled","disabled");
4
5 //三种方法移除disabled属性
6 $(‘#areaSelect‘).attr("disabled",false);
7 $(‘#areaSelect‘).removeAttr("disabled");
8 $(‘#areaSelect‘).attr("disabled","");
时间: 2024-10-10 09:57:25

jQuery设置disabled属性的相关文章

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

Readonly只针对input和textarea有效,而disabled对于所有的表单元素都有效,下面为大家介绍下使用jQuery设置disabled属性 表单中readOnly和disabled的区别: Readonly只针对input(text/ password)和textarea有效,而disabled对于所有的表单元素都有效,包括select,radio, checkbox, button等. 但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个

JQuery设置input属性(disabled、enabled)

document.getElementById("removeButton").disabled = false; //普通Js写法 $("#removeButton").removeAttr("disabled");// Enable,JQuery写法 $("#removeButton").attr("disabled","disabled");// disabled JQuery设置

jquery设置href属性值

jquery设置href属性值:有时候往往要动态设置链接的href属性值,下面就简单介绍一下.方法十分的简单,直接上代码了: $('#link').attr('href','http://www.softwhy.com'); 更多相关内容可以参阅jQuery的attr()方法一章节 原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=8124 更多内容可以参阅:http://www.softwhy.com/jquery/

jQuery获取和设置disabled属性、背景图片路径

之前对于这个独特的disabled属性获取和设置很混乱,今天项目中用到了,用attr不能实现,于是多次试验得出: 获取disabled属性用prop $("#basic_key").prop("disabled") 以上会返回true或false. 然后设置disabled是attr,重点是后面的一个参数不加引号: $("#basic_key").attr("disabled",'false') //false加引号是错误的~

jQuery设置特殊属性

jQuery的属性 使用attr()方法读取或设置元素的属性,对于jQuery没有封装的属性(所有浏览器没有差异的属性)用attr进行操作 使用removeAttr删除属性.删除的属性在源代码中看不到,这是和清空属性的区别.attr('name','') 示例:操作属性 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd&

jquery设置元素readonly与disabled属性的方法

分享下jquery设置元素readonly与disabled属性的方法,设置元素的显示与隐藏,元素的只读属性. 以下内容转自:http://www.jbxue.com/article/15102.html 略作修改与补充. Jquery的api中提供了对元素应用disabled和readonly属性的方法: 1,设置readonly属性 $('input').attr("readonly","readonly")//将input元素设置为readonly $('in

JQuery设置和去除disabled属性

  //两种方法设置disabled属性 $('#areaSelect').attr("disabled",true); $('#areaSelect').attr("disabled","disabled"); //三种方法移除disabled属性 $('#areaSelect').attr("disabled",false); $('#areaSelect').removeAttr("disabled"

jquery设置元素的readonly和disabled

(转) Jquery的api中提供了对元素应用disabled和readonly属性的方法,在这里记录下.如下: 1.readonly   $('input').attr("readonly","readonly")//将input元素设置为readonly   $('input').removeAttr("readonly");//去除input元素的readonly属性     if($('input').attr("readonl

jquery设置按钮disabled

通常我们设置disabled属性会用attr和removeAttr,但是今天我们不讨论这个方式 我们讨论是的prop jQuery的定义是:获取在匹配的元素集中的第一个元素的属性值. 随着一些内置属性的DOM元素或window对象,如果试图将删除该属性,浏览器可能会产生错误.jQuery第一次分配undefined值的属性,而忽略了浏览器生成的任何错误 设置prop $("input[type='checkbox']").prop("disabled", true)