• 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!

TOPIC: Show/Hide Multiple Fields with one radio button

Show/Hide Multiple Fields with one radio button 13 years 8 months ago #14498

  • vick6
  • vick6's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 1
  • Thank you received: 1
Hello:

I have successfully implemented hide/show with one field which was pretty stright forward.

I tried using the same technique with multiple fields and another one i found on this forum but it doesn't work,

I'm not very good with JavaScript and needed some help.

This is the Code I'm Using:
<script>
function displayField(field){
 
if(document.getElementById('AddMoreMember1').checked)
 
{
 
document.getElementById('helement1').style.display="";
document.getElementById('helement2').style.display="";
document.getElementById('helement3').style.display="";
document.getElementById('helement4').style.display="";
document.getElementById('helement5').style.display="";
document.getElementById('helement6').style.display="";
document.getElementById('helement7').style.display="";
document.getElementById('helement8').style.display="";
document.getElementById('helement9').style.display="";
document.getElementById('helement10').style.display="";
document.getElementById('helement11').style.display="";
document.getElementById('helement13').style.display="";
document.getElementById('helement14').style.display="";
document.getElementById('helement15').style.display="";
document.getElementById('helement16').style.display="";
document.getElementById('helement17').style.display="";
document.getElementById('helement18').style.display="";
document.getElementById('helement19').style.display="";
document.getElementById('helement10').style.display="";
document.getElementById('helement21').style.display="";
document.getElementById('helement22').style.display="";
 
else{
 
document.getElementById('helement1').style.display="none";
document.getElementById('Title of Member3').value="";
document.getElementById('component284').setAttribute("class", "formNoError");}
 
document.getElementById('helement2').style.display="none";
document.getElementById('First Name of member3').value="";
document.getElementById('component285').setAttribute("class", "formNoError");}
 
document.getElementById('helement3').style.display="none";
document.getElementById('Middle Name of Member3').value="";
document.getElementById('component286').setAttribute("class", "formNoError");}
 
document.getElementById('helement4').style.display="none";
document.getElementById('Last Name of Member3').value="";
document.getElementById('component287').setAttribute("class", "formNoError");}
 
document.getElementById('helement5').style.display="none";
document.getElementById('Entity Name to serve as Manager or Managing Member3').value="";
document.getElementById('component289').setAttribute("class", "formNoError");}
 
document.getElementById('helement6').style.display="none";
document.getElementById('Member Type3').value="";
document.getElementById('component290').setAttribute("class", "formNoError");}
 
document.getElementById('helement7').style.display="none";
document.getElementById('Address of Member3').value="";
document.getElementById('component291').setAttribute("class", "formNoError");}
 
document.getElementById('helement8').style.display="none";
document.getElementById('Suite of Member3').value="";
document.getElementById('component292').setAttribute("class", "formNoError");}
 
document.getElementById('helement9').style.display="none";
document.getElementById('City of Member3').value="";
document.getElementById('component293').setAttribute("class", "formNoError");}
 
document.getElementById('helement10').style.display="none";
document.getElementById('State of Member3').value="";
document.getElementById('component294').setAttribute("class", "formNoError");}
 
document.getElementById('helement11').style.display="none";
document.getElementById('Zipcode of Member3').value="";
document.getElementById('component295').setAttribute("class", "formNoError");}
 
document.getElementById('helement12').style.display="none";
document.getElementById('Title of Member4').value="";
document.getElementById('component296').setAttribute("class", "formNoError");}
 
document.getElementById('helement13').style.display="none";
document.getElementById('First Name of member4').value="";
document.getElementById('component297').setAttribute("class", "formNoError");}
 
document.getElementById('helement14').style.display="none";
document.getElementById('Middle Name of Member4').value="";
document.getElementById('component298').setAttribute("class", "formNoError");}
 
document.getElementById('helement15').style.display="none";
document.getElementById('Last Name of Member4').value="";
document.getElementById('component299').setAttribute("class", "formNoError");}
 
document.getElementById('helement16').style.display="none";
document.getElementById('Entity Name to serve as Manager or Managing Member4').value="";
document.getElementById('component301').setAttribute("class", "formNoError");}
 
document.getElementById('helement17').style.display="none";
document.getElementById('Member Type4').value="";
document.getElementById('component302').setAttribute("class", "formNoError");}
 
document.getElementById('helement18').style.display="none";
document.getElementById('Address of Member4').value="";
document.getElementById('component303').setAttribute("class", "formNoError");}
 
document.getElementById('helement19').style.display="none";
document.getElementById('Suite of Member4').value="";
document.getElementById('component304').setAttribute("class", "formNoError");}
 
document.getElementById('helement20').style.display="none";
document.getElementById('City of Member4').value="";
document.getElementById('component305').setAttribute("class", "formNoError");}
 
document.getElementById('helement21').style.display="none";
document.getElementById('State of Member4').value="";
document.getElementById('component306').setAttribute("class", "formNoError");}
 
document.getElementById('helement22').style.display="none";
document.getElementById('Zipcode of Member4').value="";
document.getElementById('component307').setAttribute("class", "formNoError");}
 
}
 
</script>
 
 
<script>
window.addEvent('domready', function() {
 
displayField();
</script>


Thanks in advance,

Victor
The administrator has disabled public write access.
The following user(s) said Thank You: webcat-solutions

Re: Show/Hide Multiple Fields with one radio button 13 years 4 months ago #15607

Hello Victor, I am having the same issue also, were you able to solve yours? And if so, can you share your code with me so that I may do the same with my form?

Thank You
Joseph
The administrator has disabled public write access.

Re: Show/Hide Multiple Fields with one radio button 13 years 4 months ago #15869

Victor,

Did you fixed this problem yet? I have the same problem

Hope to hear from you.

Kind regards,

Thomas
The administrator has disabled public write access.
  • 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!