Fill text fields with existing info if the checkbox is check

[MayMusic]

I have a submission page that users need to fill their shipping and billing address. I want to have a checkbox (same address as shipping) and if they check that checkbox automatically fill billing address fields with the same data in shipping address fields. Any help would be appreciated.

[nkamalan]

Please try this code in an HTML block at the very end of the element list or in the footer:

 

 

<script>

function f_address()

{

    if(document.getElementById('cbParamVirtual1').checked)

     {

  document.getElementById('InsertRecordBilling_Address').value=document.getElementById('InsertRecordShipping_Address').value;

document.getElementById('InsertRecordBilling_City').value=document.getElementById('InsertRecordShipping_City').value;

document.getElementById('InsertRecordBilling_State').value=document.getElementById('InsertRecordShipping_State').value;

document.getElementById('InsertRecordBilling_zip').value=document.getElementById('InsertRecordShipping_zip').value;

} else {

document.getElementById('InsertRecordBilling_Address').value="";

document.getElementById('InsertRecordBilling_City').value="";

document.getElementById('InsertRecordBilling_State').value="";

document.getElementById('InsertRecordBilling_zip').value="";

}



}

document.getElementById('cbParamVirtual1').onclick= f_address;

</script>

 

Please note in here you need to replace cbParamVirtual1 with the ID of the checkbox and all other field IDs with the appropriate ID you have in your form. 

 

I have one suggestion since you are using Java Scripts. Use Firefox and install Firebug which is an add-on for Firefox, free and open source. It allows the debugging, editing, and monitoring of any website's CSS, HTML, DOM, and JavaScript, and provides other Web development tools. It also has a JavaScript console for logging errors and watching values, as well as a "Net" feature which monitors the amount of time in milliseconds it takes to execute scripts and load images on the page. I am also using Firebug to get the ID of an element.

 

Cheers    

[DeanByrd]

This work GREAT thank you

Dean

[johnkalle]

Maby one of you can help me to use this javascript on a "Tabular Report" instead of a "SubmissionForm".

I changed "Insert" for "edit" in the lines document.GetElementByID, but it won't work.

I use this script:

function f_address()

{

if(document.GetElementById('cbParamVirtual2').checked)

{

document.getElementById('EditRecordOrderQuantity_SC').value=document.getElementById('EditRecordQuantity').value;

}

else {

document.getElementById('EditRecordOrderQuantity_SC').value="";

}

}

document.getElementById('cbParamVirtual2').onclick= f_address;

John

[MayMusic]

If you want to use the code in details page you can simply change all InsertRecord to EditRecord.

[johnkalle]

Thanks for your answer,

I did change Insert for Edit in the script, but it isn't working. How to change the code for 'cbParamViurtual2'

[MayMusic]

If you can provide me the link of the page I can give you all the IDs, so you can replace. I use firebug to inspect the code https://getfirebug.com/

Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page and also inspect the source code to get the ID of the elements. :!: :!:

[johnkalle]

Thanks for your reply,

I solved the problem with an other script that i have used, and this works for me:

function f_address()

{

if(document.getElementById('EditRecordOrder_SC').checked)

{

document.getElementById('EditRecordOrderQuantity_SC').value=document.getElementById('EditRecordQuantity').value;

}

else {

document.getElementById('InsertRecordOrderQuantity_SC').value="x";

}

}

document.getElementById('EditRecordOrder_SC').onclick= f_address;

[kpcollier]

Got this to work. Thanks for the script!