how to turn checkbox.checked = true

valen53

The function i want is when i change the select box, the checkbox will checked. But javascript syntax error. anyone can guide me ... ?

i use name = "editbox[]" b'cos i use foreach().

Below is the Source

<script language="JavaScript">
function tickIt(form)
{ 
 document.forms[0].editbox[].checked = true ;
}
</script>

while loop {
<select name="select" onChange ="tickIn(this.form)">
<option value="1" >H</option>
<option value="2" >A</option>
</select>
<input name="editbox[]" type="checkbox" id="editbox" value="<? echo $row_mat_id ?>">
}

nemonoman

javascript seems to burp on working with elements ending in []

I figure out which element the checkbox is in the form (starting with 0 for first element, and then address it by element number. I think your checkbox is the second element in the form, so

document.forms[0].elements[1].checked = true ;

lordrashmi

nemonoman is right, JS chokes on elements named with "[" or "]" because it reserves those characters. His solution does work, but it is dependant on the order of the elements.

This should work for you as well, only name based.

document.forms[0].elements["editbox[]"].checked = true ;

Good luck.

valen53

thanks for reply...

document.forms[0].elements["editbox[]"].checked = true ;

the code was no error, but didn't function. maybe it can't get which checkbox should be checked.

if i use :

document.forms[0].editbox[0].checked = true ;

the only first checkbox will be checked.
or i need to assign some id in to editbox[] ?

nemonoman

If you have two elements with the same name, you can't successfully reference them by name in javascript.

You could give each an id and reference them as
mycheckbox=getElementByID("someid");

However, my earlier workaround -- elements[1], etlements[5], etc;, will do the trick in this instance. You just need to count carefully.