jquery对某个标签添加只读(readonly)或者禁用(disabled)属性

一、关于readonly属性

例1、jquery 设置readonly属性

$('input').attr("readonly","readonly") //将input元素设置为readonly
$('input').removeAttr("readonly"); //去除input元素的readonly属性
  
if($('input').attr("readonly") == true)//判断input元素是否已经设置了readonly属性

例2、对于为元素设置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属性

二、jquery 设置disabled属性

例1、jquery 设置disabled属性

$('input').attr("disabled","disabled")//将input元素设置为disabled
$('input').removeAttr("disabled");//去除input元素的disabled属性
  
if($('input').attr("disabled")==true)//判断input元素是否已经设置了disabled属性

例2、对于为元素设置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只读属性

<input id="test" type="text"  />
 
 $("#test").attr({"readonly":"readonly"}); //添加readonly属性
 // 或者
 $("#ID").attr({ readonly: 'true' });

 $("#test").removeAttr("readonly");    //去除readonly属性

 

posted @ 2021-04-09 10:51  Yu_凉城  阅读(3002)  评论(0编辑  收藏  举报
Yu_凉城