I am implementing an HTML form with some checkbox input elements, and I want to have a Select All or DeSelect All button. However, I do not want to rely on the name of the input element (like this example) but rather the type because I have multiple checkbox groups with different names. Is there a way to check and uncheck all checkbox input elements within a form with JavaScript by relying on the type instead of the name?
Edit: We rely on YUI libraries, so I have access YUI if that provides a solution.
Answer
This should do it:
<script> function checkUncheck(form, setTo) { var c = document.getElementById(form).getElementsByTagName('input'); for (var i = 0; i < c.length; i++) { if (c[i].type == 'checkbox') { c[i].checked = setTo; } } } </script> <form id='myForm'> <input type='checkbox' name='test' value='1'><br> <input type='checkbox' name='test' value='1'><br> <input type='checkbox' name='test' value='1'><br> <input type='checkbox' name='test' value='1'><br> <input type='checkbox' name='test' value='1'><br> <input type='button' onclick="checkUncheck('myForm', true);" value='Check'> <input type='button' onclick="checkUncheck('myForm', false);" value='Uncheck'> </form>