JavaScript & jQuery: The Missing Manual, Second Edition by David Sawyer McFarland

Author:David Sawyer McFarland [David Sawyer McFarland]
Language: eng
Format: epub, pdf
Tags: COMPUTERS / Programming Languages / HTML
ISBN: 9781449399054
Publisher: Pogue Press
Published: 2011-10-23T16:00:00+00:00

Hiding Form Fields

As is common on many product order forms, this tutorial’s form includes separate fields for collecting billing and shipping information. In many cases, this information is exactly the same, so there’s no need to make someone fill out both sets of fields if they don’t have to. You’ll frequently see a “Same as billing” checkbox on forms like these to indicate that the information is identical for both sets of fields. However, wouldn’t it be even more useful (not to mention cooler) if you could completely hide the shipping fields when they aren’t needed? With JavaScript, you can.

Open the file form.html in a text editor.

You’ll expand on the code you’ve been writing in the last two sections of this tutorial. First, add a function to the click event for the checkbox that has the label “Same as billing.” The HTML for that checkbox looks like this:

<input type="checkbox" name="hideShip" id="hideShip">

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.