要件:
1)このチェックボックスを選択して選出されたが、次のチェックボックスにもチェックを外し、次のチェックボックスが選択されている場合、選択されます。
次のチェックボックスが選択された場合2)、また、選択された上記のすべての選択。
直接バーコードに:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>demo</title>
</head>
<script>
function allCheck(){
var status=document.getElementById("allcheck").checked;
var btn=document.getElementsByName("check");
for(var i=0;i<btn.length;i++){
btn[i].checked=status;
}
}
function check(){
var flag=true;
var all=document.getElementById("allcheck");
var btn=document.getElementsByName("check");
for(var i=0;i<btn.length;i++){
if(btn[i].checked!=flag){
flag=false;
break;
}
}
all.checked=flag;
}
</script>
<body>
<input type="checkbox" id="allcheck" onclick="allCheck()"/>全选/全不选<br />
<input type="checkbox" name="check" onclick="check()"/>西瓜
<input type="checkbox" name="check" onclick="check()"/>苹果
<input type="checkbox" name="check" onclick="check()"/>香蕉
</body>
</html>