2021-04-09

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









原文转载:http://www.shaoqun.com/a/672757.html

跨境电商:https://www.ikjzd.com/

邮乐网:https://www.ikjzd.com/w/1776

亚马逊t恤:https://www.ikjzd.com/w/1932


一、关于readonly属性例1、jquery设置readonly属性$('input').attr("readonly","readonly")//将input元素设置为readonly$('input').removeAttr("readonly");//去除input元素的readonly属性if($
paipaiwang:https://www.ikjzd.com/w/2205
百思买:https://www.ikjzd.com/w/394
洋老板:https://www.ikjzd.com/w/2779
卖家必看,亚马逊店铺不出单?看看是不是选品的锅?:https://www.ikjzd.com/home/140921
男友总拖延结婚 我想逼婚了:http://www.30bags.com/a/253227.html
亚马逊沙特站宣布将不参与2020年Prime Day:https://www.ikjzd.com/home/131123

No comments:

Post a Comment