Sign Up Now
Twitter Facebook Flickr Buzz
Social Networks


Forgot Password? Go Join Now
Sign Up for Starter's Pack (Free)
Call (800) 223-8720
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 ...


Dear Valued Customers,

We regret to announce that ProEdTech LLC and all its affiliate brands will cease operations on April 1, 2019.

We are no longer able to fulfill online orders. We will fullfill all DVD and book orders already placed.

Customers of canceled webinars and subscription products may request a refund at (800) 223-8720 or You must do so by April 1, 2019.

Thank you for your business and loyalty over the years. We sincerely apologize for any inconvenience caused.

Best regards,
The ProEdTech Team