Subscribe to
the Possibilities Ezine

Subscription Terms of Service
Privacy Policy

RSS feed links

Blog Article Categories

Automation

CGI

Content Protection

CSS

Debugging

HTML

JavaScript

Perl

PHP

Recommendations

Related Sites

Statistics

Web Development

Web Site Maintenance

Misc

Auto-Filling Billing Fields With a Click

By Will Bontrager

This will show you how to make the shipping address fields in a form be copied to the billing address when a checkbox is checked.

The example will be a simple form consisting of name and city. A live form asking for shipping and billing would have more fields. The two example fields are sufficient as an example.

Here's the form:

<form> Name: <input type="text" name="shippingname"> <br> City: <input type="text" name="shippingcity"> <br> <input type="checkbox" name="billingtoo" onclick="FillBilling(this.form)"> Copy to billing fields. <br> Billing Name: <input type="text" name="billingname"> <br> Billing City: <input type="text" name="billingcity"> <br> <input type="submit"> </form>

Notice that the checkbox has an
onclick="FillBilling(this.form)"
attribute. When the checkbox is clicked, the JavaScript is launched.

This JavaScript can be put above or below the form, or even in the head area of the web page source code.

<script type="text/javascript" language="JavaScript"><!-- function FillBilling(f) { if(f.billingtoo.checked == true) { f.billingname.value = f.shippingname.value; f.billingcity.value = f.shippingcity.value; } } //--></script>

Notice the two lines that fill the billing fields with the shipping field values. Those lines will need to be changed according to your own form field names. Undoubtedly, additional lines will need to be added for additional form fields.

When the JavaScript is launched, it first determines whether or not the checkbox is checked. Only if the checkbox is checked does it copy the form fields.

March 10, 2006

Please note: Articles on this website are presented "as is". However -

If you have a question about a CGI script, HTML, CSS, PHP, or JavaScript
Ask one of our Experts and you'll have your answer!
Click here for details.

© 1998-2001 William and Mari Bontrager
© 2001-2008 Bontrager Connection, LLC