jquery設置元素readonly和disabled(checkbox只讀)

jquery api中提供了對元素應用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屬性 

　　

3，關於checkbox的（checkbox看是否為一組是用name值相同來判斷的）

因為checkbox本身並沒有提供readonly方法，而用了disabled會變成灰色，所以找了倆個方法

方式一：  
checkbox沒有readOnly屬性，如果使用disabled=“disabled”屬性的話，會讓checkbox變成灰色的，用戶很反感這種樣式可以這樣讓它保持只讀：  
設置：onclick="return false"    
js中：checkbox.onclick=function(){return false;};  
  
方式二：  
 

代碼示例:

<script src="Demo3.1/jquery-1.4.2.min.js" type="text/javascript"></script>  
<script language="javascript">  
 $(function(){  
 $("input[type='checkbox']").click(  
  function(){  
   this.checked = !this.checked;  
   }  
  );  
}  
);  
</script> 

4，select設置只讀
使用disabled吧，沒有找到類似checkbox這種方案，取值只好用hidden了。

 

轉：http://www.jquerycn.cn/a_14282