Friday 5th October 2007
by Sajith M.R
Here is the javascript code for checking all the checkboxes inside an html document.
<script>
function checkAll()
{var inputs = document.getElementsByTagName(‘input’);
var checkboxes = [];
for (var i = 0; i < inputs.length; i++) {if (inputs[i].type == ‘checkbox’) {
inputs[i].checked =true;}
}
}</script>
Its good.
This code can be cut down slightly by doing the following:
function checkAll(){
var t = document.getElementsByTagName(‘input’);
for(var i in t)
if(t[i].type==’checkbox’)
t[i].checked=true;
}
THIS is the script I’ve been searching for. Many Thanks!
I have a requirement where I need to pass the fields which have checkboxes to another page. Like if i have checkboxes on item field, i have to pass all those items(which are selected onclick of selectall button) to another page.
Hi Sajan ,
Here’s modified code.
The logic is just check whether check box SelectAll is checked or not, if checked then select all else un select all.
Check for the name before you select it.
here I have checked for name “chk” and type checkbox.
function checkAll() {
var selectAll = document.getElementById(‘SelectAll’);
var inputs = document.getElementsByTagName(‘input’);
for (var i = 0; i < inputs.length; i++)
{
if (inputs[i].type == ‘checkbox’ && inputs[i].name == “chk”) {
if(selectAll.checked==true)
inputs[i].checked = true;
else
inputs[i].checked = false;
}
}
}
Hi, the code was really helpul. I would like to know something more about this. I am trying to put in code where if I select all the checkboxes the selectall checkbox should automatically get selected.
For eg: I have five rows in a table with check option. I click select all and the above code works. Now can u help me such that when I click each of the checkboxes for these 5 rows the above select all checkbox gets selected. The reverse of what happened with the query. Plz help me out..
this was extremely helpful, thanks for posting!