jquery设置元素的readonly和disabled

发布于 , 706 次浏览

jquery的api中提供了对元素应用disabled和readonly属性的方法,在这里记录下。如下: 1.readonly

<input type="text" readonly="readonly">

对于为元素设置readonly属性和取消readonly属性的方法有如下几种:

$('input').attr("readonly","readonly")//将input元素设置为readonly
$('input').removeAttr("readonly");//去除input元素的readonly属性
$('input').attr("readonly",true)//将input元素设置为readonly
$('input').attr("readonly",false)//去除input元素的readonly属性
$('input').attr("readonly","readonly")//将input元素设置为readonly
$('input').attr("readonly","")//去除input元素的readonly属性
$('input').prop("readonly",true)//将input元素设置为readonly
$('input').prop("readonly",false)//去除input元素的readonly属性

判断元素是否设置readonly属性有如下几种:

if($('input').attr("readOnly")=="readonly")//判断input元素是否已经设置了readonly属性
if($('input').prop("readOnly")==true)//判断input元素是否已经设置了readonly属性
if($('input').is(":readOnly")==true)//判断input元素是否已经设置了readonly属性

2.disabled

<input type="text" disabled="disabled">

对于为元素设置disabled属性和取消disabled属性的方法有如下几种:

$('input').attr("disabled","disabled")//将input元素设置为disabled
$('input').removeAttr("disabled");//去除input元素的disabled属性
$('input').attr("disabled",true)//将input元素设置为disabled
$('input').attr("disabled",false)//去除input元素的disabled属性
$('input').attr("disabled","disabled")//将input元素设置为disabled
$('input').attr("disabled","")//去除input元素的disabled属性
$('input').prop("disabled","disabled")//将input元素设置为disabled
$('input').prop("disabled","")//去除input元素的disabled属性
$('input').prop("disabled",true)//将input元素设置为disabled
$('input').prop("disabled",false)//去除input元素的disabled属性

判断元素是否设置disabled属性有如下几种:

if($('input').attr("disabled")=="disabled")//判断input元素是否已经设置了disabled属性
if($('input').prop("disabled")==true)//判断input元素是否已经设置了disabled属性

标签: jQuery

评论已关闭

相关文章