jquery设置元素的readonly和disabled

最新推荐文章于 2023-05-16 18:55:24 发布

原创最新推荐文章于 2023-05-16 18:55:24 发布 · 100 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #ViewUI

jquery 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了使用JQuery为HTML输入元素设置和取消disabled及readonly属性的多种方法。包括使用.attr()方法设置属性值为true/false或disabled/readonly字符串，以及使用.removeAttr()方法移除属性。

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属性