jquery批量设置属性readonly和disabled

最新推荐文章于 2022-11-10 16:27:23 发布

转载最新推荐文章于 2022-11-10 16:27:23 发布 · 236 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/cfinder010/p/3532904.html

文章标签：

#javascript #ViewUI

本文详细介绍了如何使用Jquery来设置和取消HTML输入元素的disabled和readonly属性，包括多种实现方法，如使用.attr()和.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 属性设置 www.jbxue.com

$('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属性