how to check/uncheck a number of checkboxes by clicking an image

[BibhuAshish]

Hi,

I want to check or uncheck a number of checkboxes by clicking an image.

My html code is given below:
[HTML]

<TABLE>
<TR>
<TD>
<div id = "checkdiv" >
<img src = "/images/check.jpg" />
</div>
</TD>
</TR>
<TR>
<TD>
<input type = "checkbox" name = "del">
</TD>
</TR>
<TR>
<TD>
<input type = "checkbox" name = "del">
</TD>
</TR>
</TABLE>

[/HTML]

Now if i click image or div all the checkboxes should be checked and again if i click that image or div all the checkboxes should be unchecked.

[maminx]

i think you must make another event.
For example, onclick for check the checkbox and another event for uncheck the chekbox..


But hope this can usefull...

first, change your "a" tag with this

[HTML]<a href="#" onclick="javascript:setBox();" ><img src="/images/check.jpg"></a>[/HTML]

second. Better use a unique name for checkbox.
The first checkbox may named "del1", and second checbox goes to "del2".
Of course this is depends with your need

than after the body, make the script

[HTML]<script type="text/javascript">
function setBox() {
var form = document.forms[0];
form.del1.checked=true;
form.del2.checked=true;
}
</script>[/HTML]

and as i said, to uncheck the checbox, i think you need another event,,

thanks..

kind regards,
maminx

[gits]

the javascript: part in the following line is never needed:

onclick="javascript:setBox();"

the following:

onclick="setBox();"

is always enough ...

kind regards

[acoder]

Make one function which checks/unchecks all checkboxes and pass it a parameter to determine whether it should be checked or not, e.g.

function checkUncheckBoxes(check) {
  var chk = document.getElementsByName(chckboxname);
  for (i = 0; i< chk.length; i++) {
    chk[i].checked = check;
  }
}