首页 > 代码库 > jquery设置元素readonly与disabled属性的方法

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$(‘input‘).removeAttr("readonly");//去除input元素的readonly属性if($(‘input‘).attr("readonly")==true)//判断input元素是否已经设置了readonly属性对于为元素设置readonly属性和取消readonly属性的方法还有如下两种:$(‘input‘).attr("readonly",true)//将input元素设置为readonly$(‘input‘).attr("readonly",false)//去除input元素的readonly属性$(‘input‘).attr("readonly","readonly")//将input元素设置为readonly$(‘input‘).attr("readonly","")//去除input元素的readonly属性

2,设置disabled属性

$(‘input‘).attr("disabled","disabled")//将input元素设置为disabled$(‘input‘).removeAttr("disabled");//去除input元素的disabled属性if($(‘input‘).attr("disabled")==true)//判断input元素是否已经设置了disabled属性对于为元素设置disabled属性和取消disabled属性的方法还有如下两种:$(‘input‘).attr("disabled",true)//将input元素设置为disabled$(‘input‘).attr("disabled",false)//去除input元素的disabled属性$(‘input‘).attr("disabled","disabled")//将input元素设置为disabled$(‘input‘).attr("disabled","")//去除input元素的disabled属性

参考链接:

  • jquery设置元素readonly与disabled属性
  • jquery设置元素的readonly和disabled属性

第二部分,jquery操作disabled属性的三种方法。

第一种:改变disabled的boolean状态:

$("button:eq(2)").click(function(){ var text2=$("input:text:eq(2)"); if(text2.attr("disabled")==false){ //通过设置disabled的boolean属性将第三个text输入框disabled属性置为true text2.attr("disabled",true); }else{ //通过将第三个text输入框disabled属性置为false来移除disabled属性 text2.attr("disabled",false); } });

 

第二种:移除disabled属性:

$("button:eq(1)").click(function(){ var text2=$("input:text:eq(1)"); if(text2.attr("disabled")==false){ //通过设置disabled的值将第二个text输入框置为disabled text2.attr("disabled","disabled"); }else{ //通过移除的方式将第二个text输入框的disable属性删除 text2.removeAttr("disabled"); } });

 

第三种:改变disabled的值

$("button:eq(0)").click(function(){ var text1=$("input:text:eq(0)"); if(text1.attr("disabled")==""){ // 或者text1.attr("disabled")==false //通过设置disabled的值将第一个text输入框置为disabled text1.attr("disabled","disabled"); }else{ //通过覆盖的方式将第一个text输入框中的disabled属性清除掉 text1.attr("disabled",""); } });

有时间的话,再研究下jquery设置元素readonly和disabled(checkbox只读)的方法。