Js is used to make all or none of the checkboxes

  • 2020-03-30 03:04:34
  • OfStack

 
<html> 
<head> 
<title> Make a full selection </title> 
<script language="javascript"> 
function selectAll(){ 
allcheckBoxs=document.getElementsByName("a"); 
var a2=document.getElementsByName("a1"); 
if(a2[0].checked){ 
for(var i=0;i<allcheckBoxs.length;i++){ 
allcheckBoxs[i].checked = true; 
} 
}else{ 
for(var i=0;i<allcheckBoxs.length;i++){ 
allcheckBoxs[i].checked = false; 
} 
} 
} 
</script> 
</head> 
<body> 
<form name="myform"> 
<table> 
<tr><td colspan="2"><img src="images/head.jpg"/></td></tr> 
<tr> 
<td><input type="checkbox" name="a1" onclick="selectAll()" /> Future generations / All don't choose </td> 
<td> <img src="images/top.jpg"/></td> 
</tr> 
<tr><td><input type="checkbox" name="a" /></td><td><img src="images/one.jpg"/></td></tr> 
<tr><td><input type="checkbox" name="a" /></td><td><img src="images/two.jpg"/></td></tr> 
<tr><td><input type="checkbox" name="a" /></td><td><img src="images/three.jpg"/></td></tr> 
<tr><td><input type="checkbox" name="a" /></td><td><img src="images/four.jpg"/></td></tr> 
</table> 
</form> 
</body> 
</html> 

Related articles: