jquery readonly与disabled属性设置示例

发布时间:2019-10-04编辑:脚本学堂
有关jquery readonly与disabled属性设置的方法,readonly只读属性、disabled禁用属性,设置readonly属性和取消readonly属性,设置disabled属性和取消disabled属性。

jquery api提供了元素disabledreadonly属性设置方法

1、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属性

2、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属性