Selecting several checkboxes

Simply copy and paste the following code inside an html page and run it from a browser (tested on IE & Mozilla).

If you want to see the live result (we believe this is the best way to learn what is the script about), try it here (new window).

Code Source

<html>
<head>
<script type="text/javascript">
function checkall(it)
{
	var len=it.name.length - 4;

	if(it.checked == true)
	{
		for(var j=0;j<document.getElementsByTagName('input').length;j++)
		{
			//the 4 is the length of 'fall' (name used to recognize the top element)
			
			if(document.getElementsByTagName('input').item(j).name.substring(0,4 + len) == it.name)
			document.getElementsByTagName('input').item(j).checked= true;
		}
		
	}
	else
	{
		for(var j=0;j<document.getElementsByTagName('input').length;j++)
		{
			if(document.getElementsByTagName('input').item(j).name.substring(0,4 + len) == it.name)
			document.getElementsByTagName('input').item(j).checked= false;
		}	
	}
}
//-->
</script>
</head>
<body>

<table>
<tr>
<td colspan="2" style="background-color: rgb(198, 229, 248);"><b>Select the checkboxes you wishe to rename or delete and click the update button</b></td>
</tr>

<tr class="folder">
<td><input name="fall0" onclick="javascript:checkall(this);" type="checkbox"></td>
<td><input name="f0" value="nameoff0" type="text"></td>
</tr>

<tr>
<td><input name="fall0_2"  type="checkbox"></td>
<td>Some data</td>
</tr>
<tr>
<td><input name="fall0_9"  type="checkbox"></td>
<td>Some data</td>
</tr>

<tr class="folder">
<td><input name="fall1" onclick="javascript:checkall(this);"  type="checkbox"></td>
<td><input name="f1" value="nameoff1" type="text"></td>
</tr>
<tr>
<td><input name="fall1_5"  type="checkbox"></td>
<td>Some data</td>
</tr>
<tr>
<td><input name="fall1_6"  type="checkbox"></td>
<td>Some data</td>
</tr>

<tr class="folder">
<td><input name="fall2" onclick="javascript:checkall(this);" type="checkbox"></td>
<td><input name="f2" value="nameoff2" type="text"></td>
</tr>
<tr><td><input name="fall2_0"  type="checkbox"></td>
<td>Some data</td>
</tr>
</table>

</body>
</html>

download the file

You may include this script inside any html pages and customize it as you wish.

Webmaster Corner

The ClickBnk Code
Another Killer Product From Michael Jones, simply follow the Blueprint For Easy Online Wealth Using Click Bank...

Twitter Traffic Machine
The Automated Growth & Money Making System from growing A Twitter Account Rapidly W/total Automation Via 5 Videos!

iPowerWeb
Incredible Membership Packages - Web Hosting!

→ Maverick Money Makers - Get Paid For Life!

Selecting several checkboxes

Selecting several checkboxes

Webmaster Corner

Categories