How to create a ‘select all’ checkbox in javascript
For HTML Code:
<input type="checkbox" onClick="toggle(this)" /> <input type='checkbox' name='ss' value='one' /> <input type='checkbox' name='ss' value='two' /> <input type='checkbox' name='ss' value='three' />
We use Javascript:
<script> function toggle(source) { checkboxes = document.getElementsByName('ss'); for (var i = 0, n = checkboxes.length; i < n; i++) { checkboxes[i].checked = source.checked; } } </script>
I also came across this a bit later:
<script language="javascript"> function checkAll(formname, checktoggle) { var checkboxes = new Array(); checkboxes = document[formname].getElementsByTagName('input'); for (var i=0; i<checkboxes.length; i++) { if (checkboxes[i].type == 'checkbox') { checkboxes[i].checked = checktoggle; } } } </script>
and used with:
<a href="javascript:void();" onclick="javascript:checkAll('form3', true);">check all</a> <a href="javascript:void();" onclick="javascript:checkAll('form3', false);">uncheck all</a>
Ref: webdevdoor.com
Recent Comments