<input id="allchose" onchange="allChose()" type="checkbox" value="全选" />
<h1>兴趣爱好</h1>
<table>
<tr>
<td><input onchange="changeChose()" type="checkbox" name="checkbox" value="舞蹈" ></td>
<td><input onchange="changeChose()" type="checkbox" name="checkbox" value="弹琴" ></td>
<td><input onchange="changeChose()" type="checkbox" name="checkbox" value="画画" ></td>
</tr>
</table>
<script>
var allChose=function(){
//检测复选框的checked属性
if($("#allchose").attr("checked")=='checked'){//如果是选中状态
$("table input[name=checkbox]").attr("checked",true);//全部选中
}else{
$("table input[name=checkbox]").removeAttr("checked");//全部不选中
}
};
var changeChose=function(){
var clength=$("table input[name=checkbox]:checked").length;//取得选中的数量
var nlength=$("table input[name=checkbox]").length;//取得所有数量
if(clength==nlength){//全部选中
if($("#allchose").attr("checked")!='checked'){//全选状态是未选中
$("#allchose").attr("checked",true);//选中
}
}else{//未全部选中
if($("#allchose").attr("checked")=='checked'){//全选状态是已选中
$("#allchose").removeAttr("checked");//取消选中
}
//checkbox遍历
var loopCheckBox=function(){
var length=$("table input[name=checkbox]:checked").length;
if(length==0){
alert("没有条目被选中!");
return false;
}
$("table input[name=checkbox]").each(function(i){//遍历所有checkbox
if($(this).attr("checked")) {//如果属性是选中
$(this).val()//得到value
}
});
};
</script>