常用通过jquery设置元素readonly与disabled属性的代码整理

jquery 设置readonly属性

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

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

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

对于为元素设置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="id" type="text"  />
jQuery(
 $("#id").attr("readonly":"readonly"); //添加readonly属性 & $("#ID").attr({ readonly: 'true' });
 $("#id").removeAttr("readonly");    //去除readonly属性
);

实践成功代码

 function lockprize(prize_rank){
        var buy_win="buy_win_"+prize_rank;
        var lock_status="lock_status_"+prize_rank;
        var before_winning_rate="before_winning_rate_"+prize_rank;
        if($("#"+before_winning_rate).attr("readonly")=="readonly"){
            //去除input元素的readonly属性
            $("#"+before_winning_rate).removeAttr("readonly");
            //更改class样式
            $("#"+lock_status).attr('class','fa fa-unlock');
            //将此奖项设置为后标签值改为0
            $("#"+buy_win).val(0);
        }else{
            $("#"+before_winning_rate).attr("readonly","readonly");
            //更改class样式
            $("#"+lock_status).attr('class','fa fa-lock');
            //将此奖项设置为后标签值改为1
            $("#"+buy_win).val(1);
            $("#"+before_winning_rate).val(0);
        }
    }