<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>checked.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=gb2312"> <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript">
function checkAll(str){
var a = document.getElementsByName(str); var n = a.length; for(var i=0;i<n;i++){ a[i].checked = window.event.srcElement.checked;
} } function checkItem(str){ var e = window.event.srcElement; var all = eval("document.f1."+str); if(e.checked){ var a = document.getElementsByName(e.name); all.checked = true; for(var i=0;i<a.length;i++){ if(!a[i].checked){ all.checked = false; break; } } }else{ all.checked = false; } }
</script> </head> <body> <form name="f1" id="f1" action="" method="post"> <input type="checkbox" name="all" onclick="checkAll('mm')"> ȫѡ <br /> <input type="checkbox" name="mm" onclick="checkItem('all')"> <br /> <input type="checkbox" name="mm" onclick="checkItem('all')"> <br /> <input type="checkbox" name="mm" onclick="checkItem('all')"> <br /> <input type="checkbox" name="mm" onclick="checkItem('all')"> <br /> <input type="checkbox" name="mm" onclick="checkItem('all')"> <br /> <input type="checkbox" name="mm" onclick="checkItem('all')"> <br /> <input type="checkbox" id="checkbox1" name="all2" onclick="checkAll('mm2')"> ȫѡ <br /> <input type="checkbox" name="mm2" onclick="checkItem('all2')"> <br /> <input type="checkbox" name="mm2" onclick="checkItem('all2')"> <br /> <input type="checkbox" name="mm2" onclick="checkItem('all2')"> <br /> <input type="checkbox" name="mm2" onclick="checkItem('all2')"> <br /> <input type="checkbox" name="mm2" onclick="checkItem('all2')"> <br /> <input type="checkbox" name="mm2" onclick="checkItem('all2')"> <br /> </form> </body></html>