1、可以全选与不全选;2、选中某个时也会选择模版选中;再点全选时也全选中所有的,也可以取消选中项
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
var bool = false;
var flag = false;
function showchoose(){
var checkboxs = document.getElementsByName("a");
if(flag==false){
for(var i =0; i < checkboxs.length; i++){
checkboxs[i].checked == true ? bool=checkboxs[i].checked = false : bool=checkboxs[i].checked = true;
}
}else{
for(var i =0; i < checkboxs.length; i++){
bool = checkboxs[i].checked = true;
}
flag = false;
}
selectModel(bool);
}
function showone(){
var checkboxs = document.getElementsByName("a");
bool = false;
for(var i=0; i<checkboxs.length; i++) {
if (checkboxs[i].checked == true) {
bool = true ;
flag = true;
}
}
selectModel(bool);
}
function selectModel(){
if (bool) {
document.getElementsByName("b")[0].checked = true ;
} else {
document.getElementsByName("b")[0].checked = false ;
}
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<INPUT TYPE="checkbox" NAME="b" id ="b" οnclick="showchoose()">全选/不选</input>
<div>
<INPUT TYPE="checkbox" NAME="a" οnclick="showone();">a</input>
<INPUT TYPE="checkbox" NAME="a" οnclick="showone();">b</input>
<INPUT TYPE="checkbox" NAME="a" οnclick="showone();">c</input>
<INPUT TYPE="checkbox" NAME="a" οnclick="showone();">d</input>
<INPUT TYPE="checkbox" NAME="a" οnclick="showone();">e</input>
</div>
</BODY>
</HTML>