Looping through form elements

[goodamr]

Hi,

I have 10 checkboxes named chk1, chk2, chk3,.., chk10

I'd like to loop through them, so I wrote this code but it dosen't work:

for (i = 1; i <= 10; i++)
{
	if(document.Form1.chk+i.checked == true)
	{
		alert("check box number: "+ i + " is checked");
	}
}

Please help me! Thanks in advance.

[RamananKalirajan]

Hi goodamr,
Have the same name for hos checkboxes, with that u can access it easily

ex: HTML

<input type="checkbox" name="chk" id="chk1" value="check1" />
<input type="checkbox" name="chk" id="chk2" value="check1" />

likewise for 10 check boxes.

In JS:

var chkBox = document.getElementsByName("chk");
for(var i=0;i<chkBox.length;i++){
   if(chkBox[i].checked==true)
      alert(i+" check box was selected");
}

Thanks and Regards
Ramanan Kalirajan

[goodamr]

Hi Ramanan,

Thanks alot for your reply. I found the solution, instead of giviing the checkboxes names, I gave them id names, ex. id="chk1" . and used that code:

for (i = 1; i <= 10; i++)
{
	if(document.getElementById('chk'+i).checked == true){}
}

Also, I'll give your code a try.

[Dormilich]

you can also use names …

document.Form1["chk"+i].checked