Check All
Written by admin on December 25, 2008 – 7:05 am -Much easier than manually hard-coding the checkbox names, for sure. Updated to only require one button to check and uncheck all boxes.
Author: Unknown
<!-- TWO STEPS TO INSTALL CHECK ALL:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
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”; }
}
// End –>
</script>
</HEAD>
<!– STEP TWO: Copy this code into the BODY of your HTML document –>
<BODY>
<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>
<!– Script Size: 1.47 KB –>
Tags: All, Check
Posted in Buttons |