↑
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 >
→