checking checboxes

[TheConeHead]

I have a set of checkboxes all named the same - how can I make a link "Select all" to have them all checked?

 

[trollacious]

Try the following in a function:

var cboxes = document.getElementsByName('checkboxname');
for (var ci=0;ci<cboxes.length;ci++)
  {
  cboxes[ci].checked = true;
  }
[code]

Lee

 

[kaht]

<script type="text/javascript">

function checkAll() {
   var checkBoxes = document.forms["blahForm"].elements["chk"];
   for (i = 0; i < checkBoxes.length; i++) {
      document.forms["blahForm"].elements["chk"][i].checked = true;
   }
}

</script>

<a href="#" onclick="checkAll();return false;">Check All</a><br>

<form name="blahForm">
   <input type="checkbox" name="chk" />
   <input type="checkbox" name="chk" />
   <input type="checkbox" name="chk" />
   <input type="checkbox" name="chk" />
   <input type="checkbox" name="chk" />
   <input type="checkbox" name="chk" />
   <input type="checkbox" name="chk" />
   <input type="checkbox" name="chk" />
</form>

-kaht

http://www.silkypups.com

[small](All puppies have now found loving homes, thanks for all who showed interest)[/small]

 

[kaht]

duh.... of course it would be smart to use my checkBoxes variable reference to the collection instead of using the element collection when setting the checked status.....

-kaht

http://www.silkypups.com

[small](All puppies have now found loving homes, thanks for all who showed interest)[/small]

 

[trollacious]

Two ways of accomplishing the exact same thing. Must be 2fer1 day. #

Lee

 

[kaht]

yeah, but getElementsByName is nicer, less typing

-kaht

http://www.silkypups.com

[small](All puppies have now found loving homes, thanks for all who showed interest)[/small]

 

[trollacious]

It was also less typing when I missed the slash in to close the code section. #

Lee