How to select or deselect all checkboxes?
The example shows how to allow the user to select rows of data by creating two buttons to select or unselect all checkboxes at once.
<html>
<head>
<script>
function CheckAll()
{
count = document.frm.elements.length;
for (i=0; i < count; i++)
{
if(document.frm.elements[i].checked == 1)
{document.frm.elements[i].checked = 0; }
else {document.frm.elements[i].checked = 1;}
}
}
function UncheckAll(){
count = document.frm.elements.length;
for (i=0; i < count; i++)
{
if(document.frm.elements[i].checked == 1)
{document.frm.elements[i].checked = 0; }
else {document.frm.elements[i].checked = 1;}
}
}
</script>
</head>
<body>
<form name="frm">
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input name="btn" type="button" onclick="CheckAll()" value="Check All">
<input name="btn" type="button" onclick="UncheckAll()" value="Uncheck All">
</form>
</body>
</html>
Related threads:
check all button
JavaScript FAQ
