check box select All and Cancel
<! DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01 transitional//en" "Http://www.w3.org/TR/html4/loose.dtd" ><html><head><meta http-equiv="Content-type" Content="text/html; Charset=utf-8 "><title>check box select All and Cancel</title><style type="Text/css"> table{ width:px; text-align:center; } </style><script type="Text/javascript">Window.onload= function(){$("All"). onclick= function(){ varStus=document.getelementsbyname ("Stu");if($("All"). checked==true){ for(varI=0; i<stus.length;i++) {stus[i].checked=true; } }Else{ for(varI=0; i<stus.length;i++) {stus[i].checked=false; } } }; }; function $(ID){ returndocument.getElementById (ID); }</script></head><body> <form Action= " method="post "> <table Border="1" cellpadding="0" cellspacing ="0"> <tr> <th><input type="checkbox" id="All" value="Select All"/ >Select All</th> <th>Name</th> <th>Java</th> <th>Html</th> <th>Javascript</th> </tr> <tr> <TD><input type="checkbox" name="Stu" /></td> <TD>Nerf</td> <TD>85</td> <TD>79</td> <TD>67</td> </tr> <tr> <TD><input type="checkbox" name="Stu" /></td> <TD>Gallian</td> <TD>85</td> <TD>97</td> <TD>67</td> </tr> <tr> <TD><input type="checkbox" name="Stu" /></td> <TD>Stone Man</td> <TD>85</td> <TD>79</td> <TD>67</td> </tr> </table> </form></body></html>
JavaScript-check box select All and Cancel