<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;