Advanced Search

Check or Uncheck all Checkboxes

/ Published in: JavaScript
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. function SetAllCheckBoxes(FormName, FieldName, CheckValue)
  2. {
  3. 	if(!document.forms[FormName])
  4. 		return;
  5. 	var objCheckBoxes = document.forms[FormName].elements[FieldName];
  6. 	if(!objCheckBoxes)
  7. 		return;
  8. 	var countCheckBoxes = objCheckBoxes.length;
  9. 	if(!countCheckBoxes)
  10. 		objCheckBoxes.checked = CheckValue;
  11. 	else
  12. 		// set the check value for all check boxes
  13. 		for(var i = 0; i < countCheckBoxes; i++)
  14. 			objCheckBoxes[i].checked = CheckValue;
  15. }
  16.  
  17. <form method="GET" action="page17.php" name="myForm" onsubmit="return false;">
  18. <label for="myCheckbox1">
  19. <input type="checkbox" name="myCheckbox" value="1" id="myCheckbox1">
  20. I like Britney Spears </label>
  21. <br>
  22. <label for="myCheckbox2"><input type="checkbox" name="myCheckbox" value="2" id="myCheckbox2">
  23. I like Hillary Duff </label>
  24. <br>
  25. <label for="myCheckbox3"><input type="checkbox" name="myCheckbox" value="3" id="myCheckbox3">
  26. I like Mandy Moore </label>
  27. <br><input type="button" onclick="SetAllCheckBoxes('myForm', 'myCheckbox', true);" value="I like them all!">
  28. &nbsp;&nbsp;
  29. <input type="button" onclick="SetAllCheckBoxes('myForm', 'myCheckbox', false);" value="I don't like any of them!">
  30. </form>

URL: http://www.somacon.com/p117.php

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.