Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
SOLVED

form container - Copy text value to another text value based on checkbox

Avatar

Level 4

Hi Team

 

I am working on form container on AEM page where I have added AEM form container within that added a container and added form options input.

 

I would like to achieve functionality like below. when checkbox is selected I want copy shipping address to Billing address, when unchecked the billing address should get cleared.

 

pras78022281_0-1678873815163.png

 

Please provide me some lead on how to progress on this requirement.

 

Thanks and Regards

Prashanthi

 

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hi,

This you need to achieve using javascript or jQuery.

https://html.form.guide/html-form/html-checkbox-events/ 

 



Arun Patidar

View solution in original post

2 Replies

Avatar

Correct answer by
Community Advisor

Hi,

This you need to achieve using javascript or jQuery.

https://html.form.guide/html-form/html-checkbox-events/ 

 



Arun Patidar

Avatar

Level 4

Thanks @arunpatidar 

I have updated the .html file of form-options-input and now I am able to map by using below script.

<script>
displayModelCheckBox = () => {
var isChecked = document.getElementById('Res-address-checkbox').checked;
if(isChecked){
document.getElementById('new-building-name-section').value = document.getElementById('building-name-section').value;
}else{
document.getElementById('new-building-name-section').value = '';
}
}

 

It is working fine as to go for better approach I will place this script in clientlibs.

 

Thanks for your response.