首页 > 代码库 > 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只读)的方法。
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。