JQuery判斷checkbox是否選取及其它複選框操作方法合集_jquery

一、jquery判斷checkbox是否選取及改變checkbox狀態

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");

二、jquery如何判斷checkbox（複選框）是否被選取

大家都知道 在html 如果一個複選框被選中 是 checked="checked"。

但是我們如果用jquery alert($("#id").attr("checked")) 會提示您是true而不是checked

所以很多朋友判斷  if($("#id").attr("checked")=="true") 這個是錯誤的，其實應該是if($("#id").attr(" checked")==true)
例子裡麵包括了一下幾個功能。

複製程式碼 程式碼如下:

  
  
  
  
  

代碼
 

複製程式碼 程式碼如下:

 
  新文件標題>
 
    >
 
 
  腳本>
 
 頭>
 
 
  
  
  
  
  
  

  
   複選框1
  
   複選框2
  
   複選框3
  
   複選框4
  
   複選框5
  
   複選框6
  
   複選框7
  
 複選框8
 表格>
 

三、jquery判斷checkbox是否被選取

在html的checkbox裡，選取的話會有屬性checked="checked"。

如果有checkbox被選中，alert這個checkbox的屬性"checked"的值alert($"#xxx".attr("checked"))，會印出"true""，而不是checked"！
如果沒有被選中，列印出的是「undefined」。

不要嘗試這樣的判斷：if($"#xxx".attr("checked")=="true")或if($"#xxx".attr("checked")=='checked ' )
應該是 if($("#checkbox1").attr("checked")==true)
全選和全不選函數

複製程式碼如下程式碼：

function checkAll(){
   if($("#checkbox1").attr("checked")==true){
    $("input[name='xh']").each(function() {
     $(this).attr('checked',true);
    });
   }else {
    $("input[name='xh']").each(function() {
     $(this).attr('checked',false);
    });
   }
  }

四、JQuery 判斷checkbox是否選中，checkbox全選，取得checkbox選中值
JQuery是一個非常容易上手的框架，但是有很多東西需要我們深入學習的。

判斷checkbox是否被選中網路上有選多種寫法，這裡有一種方法，個人覺得

比較方便。

因為比較簡單，沒什麼技術含量，直接程式碼

複製程式碼 程式碼如下:

ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">






 

 
  全選/全不選
 

 

 
  Apple
 
  Orange
 
  Banana
 
  Grapes