JQuery禁止/恢復按鈕readonly和disabled小結

禁止/恢復按鈕

其實就是更改 <input> 的屬性。

禁用 id 為 btn 的按鈕：

代碼如下	復制代碼
$("#btn").attr({"disabled":"disabled"}); //或者 $("#btn").attr("disabled","disabled");

取消禁用：

代碼如下	復制代碼
$("#btn").removeAttr("disabled"); //或者 $("#btn").attr("disabled","");

JQuery對元素應用disabled和readonly屬性的方法：

1.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屬性

2.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屬性