jquery的checked以及disabled

下面只提到checked,其實disabled在jquery裏的用法和checked是一模一樣的

下邊兩種寫法沒有任何區別 只是少了些代碼而已...

-----------------------------------------------------------
<input id="cb1" type="checkbox" checked />
<input id="cb2" type="checkbox" checked="checked" />

--------------------------------------------------------------

jquery判斷checked的三種方法:

.attr('checked'):   //看版本1.6+返回:"checked"或"undefined" ;1.5-返回:true或false
.prop('checked'): //16+:true/false
.is(':checked'):    //所有版本:true/false//別忘記冒號哦

jquery賦值checked的幾種寫法:

所有的jquery版本都可以這樣賦值:

// $("#cb1").attr("checked","checked");
// $("#cb1").attr("checked",true);

jquery1.6+:prop的4種賦值:

// $("#cb1").prop("checked",true);//很簡單就不說了哦
// $("#cb1").prop({checked:true}); //map鍵值對
// $("#cb1").prop("checked",function(){
return true;//函數返回true或false
});

//記得還有這種哦:$("#cb1").prop("checked","checked");

更多參考:http://api.jquery.com/prop/

上代碼 大家可以隨便測試:(你是懶人麼-_-)

jquery1.6以後才支持prop的哦

新建一個text複製內容進去  後綴名改成html

  1. <html> 
  2.     <head> 
  3.         <title>測試</title> 
  4.         <style type="text/css"> 
  5.  
  6.         </style> 
  7.         <!--1.62可以修改1.42  1.52  1.7來測試--> 
  8.         <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 
  9.         <script type="text/javascript"> 
  10.         $(function(){ 
  11.             //判斷checked 
  12.        //    var a=$("#cb1").attr('checked'); //看版本1.6+返回:"checked"或"undefined" ;1.5-返回:true或false 
  13.        //    var b=$("#cb1").prop('checked'); //1.6+:true/false 
  14.        var c=$("#cb1").is(':checked');  //所有版本:true/false 
  15.        //    alert(a);         
  16.        //    alert(b); 
  17.             alert(c); 
  18.  
  19.             //賦值   前兩個所有的jquery版本都支持 prop只有jquery1.6+支持 
  20.        //    $("#cb1").attr("checked","checked");//1.5- 
  21.        //    $("#cb1").attr("checked",true);//1.5- 
  22.  
  23.        //   $("#cb1").prop("checked","checked");//1.6+(整理的時候把這個忘記啦) 
  24.  
  25.        //    $("#cb1").prop("checked",true);//1.6+ 
  26.        //    $("#cb1").prop({checked:true});//1.6+ 
  27.        //    $("#cb1").prop("checked",function(){ 
  28.        //        return  true;//1.6+ 
  29.        //    });                 
  30.         })(); 
  31.      
  32.         </script> 
  33.     </head> 
  34.     <body> 
  35.         <!--賦值的時候記得去掉checked--> 
  36.     <input id="cb1" type="checkbox" checked /> 
  37.     <input id="cb2" type="checkbox" checked="checked"/> 
  38.     </body> 
  39. </html> 

轉載自http://www.cnblogs.com/0banana0/archive/2011/11/16/2251855.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章