|
Buttons Effects >>>
Dynamically checks and unchecks all the checkboxes in a form when a button is clicked. Much easier than manually hard-coding the checkbox names, for sure. Updated to only require one button to check and uncheck all boxes.
Add the below code to the <body> section of your page:
<script
language="javascript"
type="text/javascript">
var
checkflag =
"false";
function
check(field)
{
if
(checkflag
==
"false")
{
for
(i
=
0;
i <
field.length;
i++)
{
field[i].checked
=
true;}
checkflag
=
"true";
return
"Uncheck All";
}
else
{
for
(i
=
0;
i <
field.length;
i++)
{
field[i].checked
=
false;
}
checkflag
=
"false";
return
"Check All";
}
}
</script>
<center>
<form
name=myform
action=""
method=post>
<table>
<tr><td>
<b>Your
Favorite Scripts & Languages</b><br>
<input
type=checkbox
name=list
value="1">Java<br>
<input
type=checkbox
name=list
value="2">JavaScript<br>
<input
type=checkbox
name=list
value="3">ASP<br>
<input
type=checkbox
name=list
value="4">HTML<br>
<input
type=checkbox
name=list
value="5">SQL<br>
<br>
<input
type=button
value="Check
All"
onClick="this.value=check(this.form.list)">
</td></tr>
</table>
</form>
</center>
|
|