<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery.js"></script>
<script language="javascript">
jQuery(function(){
$("#sall").click( function () {
//初始化计数器,对选中的复选框进行计数
m=0;
for(i=0;i<$("input[name='news']").length;i++){//循环复选框
if($("input[name='news']").eq(i).attr("checked")==false){//如果当前的复选框没有被选定
$("input[name='news']").eq(i).attr('checked',true);//设置它的checked属性为true
}else{//如果当前复选框被选定,计数器自增
m++;
}
}
if(m==$("input[name='news']").length&&!$("input[name='r']").attr('checked')){//如果复选框全部被选定并且反选框没有被选定
for(i=0;i<$("input[name='news']").length;i++){//循环复选框
$("input[name='news']").attr('checked',false);//将所有被选定的复选框的checked属性设置为false
}
$("input[name='sa']").attr('checked',false);//取消选择全选框
}
$("input[name='r']").attr('checked',false);//每一次点击全选框都取消选择反选框
});
})
jQuery(function(){
$("#rall").click( function () {
//初始化计数器,对被选定的复选框进行计数
m=0;
for(i=0;i<$("input[name='news']").length;i++){//循环复选框
if($("input[name='news']").eq(i).attr("checked")==true){//如果当前复选框被选定
$("input[name='news']").eq(i).attr('checked',false);//取消选择该复选框
m++;//计数器自增
}else{//如果当前复选框没有被选定
$("input[name='news']").eq(i).attr('checked',true);//选择该复选框
}
}
if(m==$("input[name='news']").length){//如果全部复选框被选定
$("input[name='r']").attr('checked',false);//取消选择反选框
}else{
$("input[name='r']").attr('checked',true);//选择反选框
}
$("input[name='sa']").attr('checked',false);//取消选择全选框
});
})
</script>
<form action="#" method="POST" id="reg" name="reg">
<input type="checkbox" name="sa" value="check" id="sall" >全选<br>
<input type="checkbox" name="r" value="check" id="rall" >反选<br>
<input type="checkbox" name="news" value="1">男<br>
<input type="checkbox" name="news" value="2">女<br>
<input type="checkbox" name="news" value="3">大海<br>
<input type="checkbox" name="news" value="4">天空<br>
</form>