Radio Button ... Automatically fill in shipping address 1

[Sibylle]

Is there a way of having the shipping address automatically filled in (copying it from the billing address) when the visitor ticks a radio button?

The form I am working with is:

http://www.chromagen.com/orderform.htm

...

I have tried everything, but wasn't able to get that to work.

Your help would be appreciated.

Sibylle Faye

 

[jlsmithhartfiel]

First I would change the radio to a checkbox because I don't think you can uncheck a radio button without selecting another one. Since you only have one...Once it's on, you're stuck.

<input type=&quot;checkbox&quot; name=&quot;shippingaddress&quot; onClick=&quot;chkMe()&quot;>

Here's the function I used, note there aren't any spaces in the field names, JS doesn't seem to like them.

function chkMe() {
  if (document.OrderingForm.shippingaddress.checked) {
    document.OrderingForm.ShippingName.value = document.OrderingForm.BillingName.value;
  }
}

Good luck!

 

[xutopia]

Almost same logic but different way of implementing it :


<input type=&quot;checkbox&quot; name=&quot;shippingaddress&quot; onClick=&quot;chkMe(this)&quot;>

function chkMe(elm) {
if (elm.checked) {
document.OrderingForm.ShippingName.value = document.OrderingForm.BillingName.value;
}
else
{
document.OrderingForm.ShippingName.value = &quot;&quot;
}
}

This version of the function empties the shipping address if the user unselects the check box. Gary

http://www.xutopia.com

Haran

 

[Sibylle]

I can't get the check box to work :-( ... I thought I cross-references correctly ... I am so sorry guys ...

http://www.chromagen.com/orderform2.htm

Humbly yours, newby

 

[jlsmithhartfiel]

The chkMe function exists twice & it's within the function getDescription.

 

[Sibylle]

I feel so bad. I thought I incorporated everything correctly. But it still won't work:

http://www.chromagen.com/orderform.htm

...

Sibylle Faye

http://www.chromagen.com

or visit the fun site:

http://www.chromagen.com/staff.htm

http://www.avianweb.com/SibylleFaye.htm

 

[jlsmithhartfiel]

Hey don't worry about it!

First, change the first dept field from &quot;dept.&quot; to &quot;dept&quot;.

Then change your function to:

  <script language=&quot;javascript&quot;><!--
function chkMe(elm) {
  if (elm.checked) {
    document.OrderingForm.Name2.value = document.OrderingForm.Name.value;
    document.OrderingForm.Tel2.value = document.OrderingForm.Tel.value;
    document.OrderingForm.Fax2.value = document.OrderingForm.Fax.value;
    document.OrderingForm.Company2.value = document.OrderingForm.Company.value;
    document.OrderingForm.Dept2.value = document.OrderingForm.Dept.value;
    document.OrderingForm.Street2.value = document.OrderingForm.Street.value;
    document.OrderingForm.City2.value = document.OrderingForm.City.value;
    document.OrderingForm.State2.value = document.OrderingForm.State.value;
    document.OrderingForm.Zip2.value = document.OrderingForm.Zip.value;
    document.OrderingForm.Country2.value = document.OrderingForm.Country.value;
  }
  else   {
    document.OrderingForm.Name2.value = &quot;&quot;
    document.OrderingForm.Tel2.value = &quot;&quot;
    document.OrderingForm.Fax2.value = &quot;&quot;
    document.OrderingForm.Company2.value = &quot;&quot;
    document.OrderingForm.Dept2.value = &quot;&quot;
    document.OrderingForm.Street2.value = &quot;&quot;
    document.OrderingForm.City2.value = &quot;&quot;
    document.OrderingForm.State2.value = &quot;&quot;
    document.OrderingForm.Zip2.value = &quot;&quot;
    document.OrderingForm.Country2.value = &quot;&quot;
  }
}
//--></script>

The only thing technically wrong with your code, was the last } was really a parenthesis ) instead of a close squiggly bracket }. So, give this a try....

Also, you can keep the function in your first <script> section if you want, or you can keep it where it is.

Good luck!

 

[Sibylle]

Thank you again. I really appreciated your help. The properly functioning form is now up on

http://www.chromagen.com/orderform.htm.

I owe you big time.

Sibylle Faye

 

[thysonj]

I want to use something similar to this to automatically check a checkbox when a user either inputs data in a text box or changes data in a text box but I cant get it to work.

Any ideas?

 

[TonyU]

[tt]Sibylle, I've awarded jlsmithprism a

on your behalf because his post apparently was helpful. As courtesy, let's all try to do the same. Thanks

Simply an observation.

[tt]&quot;A Successful man is one who can build a firm foundation with the bricks that others throw at him&quot;[/tt]

​

 

[jlsmithhartfiel]

Thanks Tony

thysonj,

Try this...

<form name=&quot;myform&quot;>
<input type=checkbox name=wc_checkbox> Check Me<br>
<input type=text name=wt_text onchange=&quot;document.myform.wc_checkbox.checked = true;&quot;>
</form>

Hope this helps,
Jessica

 

[TonyU]

[tt]

Sorry about my &quot;his post apparently was helpful&quot; comment.

A

for her

[tt]&quot;A Successful man is one who can build a firm foundation with the bricks that others throw at him&quot;[/tt]

​

 

[jlsmithhartfiel]

no prob! sometimes it's hard to tell by the user handle Hope this helps,
Jessica

 

[onpnt]

nicly done TonyU! I help at your own risk, if I brake it sorry! But if I fixed it, let me know.
admin@onpntwebdesigns.com