Jquery属性readonly和disabled区别

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

策马扬鞭追蜗牛

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

阅读量1.2k

点赞数

分类专栏： Jquery

本文链接：https://blog.csdn.net/qq_25428769/article/details/52460114

版权

Jquery 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

作用范围：

Readonly只针对input(text/ password)和textarea有效，

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

功能区别：

表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonly会将该值传递出去

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","");<strong>
 </strong>