JavaScript Select All Checkboxes
521
EXAMPLE USAGE:
<script type="text/javascript">
$(document).ready(function() {
$('#selectall').click(function(event) { //on click
if(this.checked) { // check select status
$(":checkbox").attr("checked", true);
}else{
$(":checkbox").attr("checked", false);
}
});
});
</script>
<form method="post">
<input type="checkbox" id="selectall" name="selectall">
<input type="checkbox" checked="checked" value="1" name="Test1">
<input type="checkbox" checked="checked" value="2" name="Test2">
<input type="checkbox" checked="checked" value="3" name="Test3">
<input type="checkbox" checked="checked" value="4" name="Test4">
<input type="checkbox" checked="checked" value="5" name="Test5">
</form>
<script type="text/javascript">
$(document).ready(function() {
$('#selectall').click(function(event) { //on click
if(this.checked) { // check select status
$(":checkbox").attr("checked", true);
}else{
$(":checkbox").attr("checked", false);
}
});
});
</script>
<form method="post">
<input type="checkbox" id="selectall" name="selectall">
<input type="checkbox" checked="checked" value="1" name="Test1">
<input type="checkbox" checked="checked" value="2" name="Test2">
<input type="checkbox" checked="checked" value="3" name="Test3">
<input type="checkbox" checked="checked" value="4" name="Test4">
<input type="checkbox" checked="checked" value="5" name="Test5">
</form>
If you are looking for consultation, fill the Contact Form below.
The scientific man does not aim at an immediate result. He does not expect that his advanced ideas will be readily taken up. His work is like that of the planter — for the future.
Haluk YAMANER
Founder @ Future Software UAE
Founder @ Future Linux
Click here for more about me »