John Cox

Real Quick "Check All" with Prototype

Checking all check boxes is a pretty easy Javascript to write except when you are using multiple names or IDs for your elements. Then it becomes a bit of a pain. In walks Prototype.

Prototype has the function getElementsByClassName() which is a life saver in some instances. Using this, we can easily write a check all function without the need of keeping the check box names the same, which is not always convenient.

var checkflag = "false"; function check(class) { allNodes = document.getElementsByClassName(class); if (checkflag == "false") { for(i = 0; i < allNodes.length; i++) { allNodes<span style='font-style: italic;'>.checked = true;} checkflag = "true"; } else { for(i = 0; i < allNodes.length; i++) { allNodes<span style='font-style: italic;'>.checked = false; } checkflag = "false"; } } </span></span>

Now all we need to do is just call our Javascript in our forms to check all:

<p> <strong> <a onClick="this.value=check('CheckboxClass'); return false;"> Select All </a> </strong> </p>

Where CheckBoxClass is your class.

Fini!

Print | Related