<html>
<head>
<script type="text/javascript">
//复选框的全选function checkAll(){
var chec = document.getElementById("checkall").checked;//复选框是否选中,选中为true,没选中则为false
var likes = document.getElementsByName("like");//通过name获得所有指定name的对象,结果集为数组对象
for(var i=0;i<likes.length;i++){
likes[i].checked = chec;//将全选框获得的值赋给需要选择的框
}
}
//复选框的反选
function checkOthers(){
var likes = document.getElementsByName("like");//通过name获得所有指定name的对象,结果集为数组对象
var countchecked = 0;//本次操作一共选中了多少个
var count = 0;//本次操作没选中多少个
for(var i=0;i<likes.length;i++){
if(likes[i].checked==true){
likes[i].checked=false;
count++;
}else{
likes[i].checked=true;
countchecked++;
}
}
if(countchecked == likes.length)
{
document.getElementById("checkall").checked=true;
}else{
document.getElementById("checkall").checked=false;
}
}
</script>
</head>
<body>
<form action="" method="">
<input type="checkbox" value="all" name="all" id="checkall" οnclick="checkAll()"/>全选
<input type="checkbox" value="other" name="other" id="checkOther" οnclick="checkOthers()"/>反选<br/>
<input type="checkbox" value="吃" name="like" />吃
<input type="checkbox" value="喝" name="like" />喝
<input type="checkbox" value="玩" name="like" />玩
<input type="checkbox" value="乐" name="like" />乐
</form>
</body>
</html>