 
<html> 
<head> 
<title> 
checkbox測試 
</title> 
<script type='text/javascript' src='jquery-1.8.2.min.js'></script> 

<script type="text/javascript"> 
$(document).ready(function(){ 
$("#all").change(function() { 
//alert($("#all").val()); //獲得checkbox的值 
// alert($("#all").get(0).checked); //值為true 和false 
if($("#all").get(0).checked){ //將jquery對象轉(zhuǎn)化為dom對象 使用的是dom對象的屬性 
$(":checkbox").attr({ 
//checked: 'checked' 可以和下面一句替換 
"checked":true 
}); 
}else{ 
//$(":checkbox").removeAttr('checked'); 可以和下面一句替換 
$(":checkbox").attr({ 
"checked":false 
}); 
} 
//第一種操作數(shù)組方法 
/* //each(function()) 函數(shù) 
var arr=new Array(); //一般處理是checkbox中值用數(shù)組表示 傳遞到后臺 
var i=0; 
$(":checkbox").each(function(index){ 
if($(this).val()=="1"){ 
return true; 
} 
arr[i]=$(this).val(); 
alert(i +"前面是下標后面是值"+ arr[i++]); //獲得checkbox 值 
}); */ 
//第二種操作數(shù)組方法 
var arr= new Array(); 
$(":checkbox").each(function(index){ 
if($(this).val()!="1"){ 
arr.push($(this).val()); 
} 

}); 
//組個輸出數(shù)組值 
for(var j=0;j<arr.length;j++){ 
alert(arr[j]); 
} 
var str=arr.join(","); //將數(shù)組用，好連接成為字符串 
alert(str); //輸出字符串 
}); 

}); 

</script> 
</head> 
<body> 
<input type='checkbox' id='all' value='1' />全選<br /> 
<input type='checkbox' id='all1' value='2' />num1<br /> 
<input type='checkbox' id='all2' value='3' />num2<br /> 
<input type='checkbox' id='all3' value='4' />num3<br /> 
<input type='checkbox' id='all5' value='5' />num4<br /> 
</body> 
</html> 