<html> <head> <title>this is a test!</title> </head> <body> <h1>This is a Test!</h1> <form action="" name = "test"> <input name="checkboxfather1" type="checkbox" onClick="selectAll(this,1)">checkbox[1]<br> <input name="checkboxchild1" type="checkbox" value="1" onClick=gray1(checkboxchild1,checkboxfather1)>checkbox[11]<br> <input name="checkboxchild1" type="checkbox" value="2" onClick=gray1(checkboxchild1,checkboxfather1)>checkbox[12]<br> <input name="checkboxchild1" type="checkbox" value="3" onClick=gray1(checkboxchild1,checkboxfather1)>checkbox[13]<br> <input name="checkboxchild1" type="checkbox" value="4" onClick=gray1(checkboxchild1,checkboxfather1)>checkbox[14]<br> <input name="checkboxchild1" type="checkbox" value="5" onClick=gray1(checkboxchild1,checkboxfather1)>checkbox[15]<br> <input name="checkboxfather2" type="checkbox" onClick="selectAll(this,2)">checkbox[2]<br> <input name="checkboxchild2" type="checkbox" value="1" onClick=gray1(checkboxchild2,checkboxfather2)>checkbox[21]<br> <input name="checkboxchild2" type="checkbox" value="2" onClick=gray1(checkboxchild2,checkboxfather2)>checkbox[22]<br> <input name="checkboxchild2" type="checkbox" value="3" onClick=gray1(checkboxchild2,checkboxfather2)>checkbox[23]<br> <input name="checkboxchild2" type="checkbox" value="4" onClick=gray1(checkboxchild2,checkboxfather2)>checkbox[24]<br> <input name="checkboxchild2" type="checkbox" value="5" onClick=gray1(checkboxchild2,checkboxfather2)>checkbox[25]<br> <input name="checkboxfather3" type="checkbox" onClick="selectAll(this,3)">checkbox[3]<br> <input name="checkboxchild3" type="checkbox" value="1" onClick=gray1(checkboxchild3,checkboxfather3)>checkbox[31]<br> <input name="checkboxchild3" type="checkbox" value="2" onClick=gray1(checkboxchild3,checkboxfather3)>checkbox[32]<br> <input name="checkboxchild3" type="checkbox" value="3" onClick=gray1(checkboxchild3,checkboxfather3)>checkbox[33]<br> <input name="checkboxchild3" type="checkbox" value="4" onClick=gray1(checkboxchild3,checkboxfather3)>checkbox[34]<br> <input name="checkboxchild3" type="checkbox" value="5" onClick=gray1(checkboxchild3,checkboxfather3)>checkbox[35]<br> </form> </body> </html> <script language="JavaScript"> var length = document.test.elements.length; function selectAll(father,cc) { ccc = "checkboxchild"+cc; if(father.checked == true) { for(var i = 0;i<length;i++) { var ele = document.test.elements[i]; if(ele.name == ccc) { ele.checked = true; ele.disabled = false; } } } else { for(var i = 0;i<length;i++) { var ele = document.test.elements[i]; if(ele.name == ccc) { ele.checked = false; ele.disabled = false; } } } } function gray1(cn,fn) { for(i=0,str=0;i<cn.length;i++)str=str+(cn[i].checked?1:0);gray(str,cn,fn); } function gray(c,cn,fn) { if(c == cn.length) { fn.checked = true; fn.indeterminate = false; } else { if(c == 0) { fn.checked = false; fn.indeterminate = false; } else { fn.checked = true; fn.indeterminate = true; } } } </script>
|