How do I make a checkbox autopopulate address fields in Muse?

Question

Hi!
I am making a website with a form where the customer need to fill in both contact information and billing information. Because it's often the same information I want to have a checkbox so the customer can click on it and it will automatically fill in the contact information so they don't have to retype identical information.
Like this:

Answer 1

You will have to write custom JavaScript to perform the task and you will need to know the exact form field names.
For the check box you will need to code a mouse up action to run JavaScript and you will need to add the JavaScript. The code will need to check the value of the check box and then either populate the fields or clear the fields. Without more details it is hard to tell you how to program your specific form. If designing the form I would have used hierarchical field names for the invoice and shipping fields. So one would have "invoice.company", 'invoice.contact", "invoice.address", "invoice.city", "invoice.province", "invoice.postal", "invoice.phone", "invoice.fax", and "invoice.email". The Shipping fields would have a top level name of "shipping" and the same children field names.
A possible script could then be:
var oInvoice = this.getField("invoice"); // get top level field;
var aInvoice = oInvoice.getArray(); // make array of child fields;
var oShipping = this.getField("shipping");
var aShipping = oShipping.getArray();
console.println(this.getField(event.target.name).value);
if(this.getField(event.target.name).value == "Yes") {
for(i in aInvoice) {
// copy children from invoice to shipping fields;
aShipping[i].value = aInvoice[i].valueAsString;
oShipping.readonly = true; // make shipping readonly;
} else {
oShipping.readonly = false; // clear readonly
this.resetForm([oShipping.name]) // reset array of shipping fields;