教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 jquery设置元素readonly与disabled属性

jquery设置元素readonly与disabled属性

发布时间:2015-11-27   编辑:jiaochengji.com
使用jquery设置元素的readonly与disabled属性的方法,学习下jquery 设置readonly、jquery 设置disabled属性的办法,有需要的朋友参考下。

jquery api中提供了对元素应用disabled和readonly属性的方法。

1,jquery 设置readonly属性
例1,
 

复制代码 代码示例:
$('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属性

2,jquery 设置disabled属性
例1,
 

复制代码 代码示例:
$('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属性

3,jquery动态添加文本框的readonly只读属性
 

复制代码 代码示例:
<input id="id" type="text"  />
jQuery(
 $("#id").attr("readonly":"readonly"); //添加readonly属性 & $("#ID").attr({ readonly: 'true' });
 $("#id").removeAttr("readonly");    //去除readonly属性
);

您可能感兴趣的文章:
jquery如何设置元素readonly与disabled属性
jquery批量设置属性readonly和disabled的方法
jquery设置元素的readonly和disabled的写法
jquery设置元素的readonly和disabled属性
jquery设置元素readonly与disabled属性
jquery设置元素readonly和disabled(checkbox只读)
jquery 将disabled的元素置为enabled的三种方法
JQuery中操作Css样式的方法
jquery如何获取input readOnly属性
设置checkbox复选框为readonly只读的两种方式

关键词: disabled  jQuery属性  readonly   
[关闭]
~ ~