Pass an html array to javascript

[Muffinthief]

Hi guys, what I'm trying to do is very simple. Just make a simple check/uncheck button for some checkboxes. Here's what I have.

 <script language="JavaScript">
function checkAll(field)
{
	for (i = 0; i < field.length; i++)
		field[i].checked = true ;
}
function uncheckAll(field)
{
	for (i = 0; i < field.length; i++)
		field[i].checked = false ;
}
function handle_button(field)
{
	for(i = 0;i < field.length; i++)
		if(field[i].checked == false)
		{
			checkAll(field);
			return;
		}
	uncheckAll(field);
}

</script>

Then in the HTML

Value 1:
<input name="values[]" value="tsa" type="checkbox">
<br>
Value 2: <input name="values[]" value="ts" type="checkbox">
<br>
Value 3: <input name="values[]" value="s" type="checkbox">
<br>
<input name="CheckAll" value="(Un)Check All" onclick="handle_button(document.input.values[])" type="button">

It doesn't work. Can anybody tell me what's wong with it?
Thanks.

[Logician]

It doesn't work. Can anybody tell me what's wong with it?

i is the problem. Think about it.

[Muffinthief]

oops left of the var... wow. But that wasn't the problem. The problem is with "values[]" when I take off the brackets everything works. But I need the brackets for PHP down the road.

[acoder]

Use document.getEle mentsByName("va lue[]") or document.forms["input"].elements["value[]"]

[hsriat]

I should say, you can solve your problem by cutting down your JavaScript to 3 lines.

[code=javascript]funtion checkUncheck(ma sterCheck) {
var chks = document.getEle mentsByName('va lue[]');
for (var i in chks)
chks[i].checked = masterCheck.che cked;
}[/code]

[html]<input type="checkbox" onclick="checkU ncheck(this)">& nbsp;Check/Unckeck all[/html]

If you want to use the same function somewhere else too, then provide a second argument to the function which would tell the name of the checkboxes to be (un)checked.

[Muffinthief]

Thanks for the help guys!