Sign Up Now
Twitter Facebook Flickr Buzz
PhotoshopSociety.org
 
Search:   
 
Social Networks

LOGIN     

Go
Forgot Password? Go Join Now
Sign Up for Starter's Pack (Free)
Call (800) 223-8720
Email custserv@photoshopsociety.org
 
Need Web Solutions? Get Free Sample Issue

Library: Web Design

  Search Library:
 
 

A simple JavaScript solution ends visitor check box frustration

Added on Thursday 16th of September 2010 03:54 am EST
 


Have you ever completed an online form—perhaps a survey of some sort—that included check box after check box after check box? If so, you may have wished for a way to select all of those check boxes with a single click. (Or you may have moved on without giving accurate information simply because you didn’t want to take the time to select all those little boxes.)
There’s nothing you can do about this situation on other people’s sites, but with a little JavaScript wizardry, you can make the forms on your own sites much easier to use. In this article, we’ll show you how to create a form button to select—or deselect—all the check boxes in a group with a single click.


Make a list and check it once
We’ll begin this article by creating a test form with a group of check boxes that site visitors can use to sign up for various email newsletters, as shown in Figure A. We’ll also add a button to this ...