Skip to main content
Inspiring
August 17, 2021
Answered

Radio button selection to render text

  • August 17, 2021
  • 1 reply
  • 3197 views

The attached screenshot should better explain what I am trying to accomplish. I have two radio buttons (boxes) and I need the selected box to render the specified text. Hopefully it is acceptable to communicate what I'm trying to do in the attached image. Thank you in advance for helping this newbie!

This topic has been closed for replies.
Correct answer BarlaeDC

Thank you Nesa. I'm making progress but not quite there yet. To answer your question, yes the two radio buttons belong to the same group called "Report Type". Do the export values have to export to two seperate text boxes or can the values be rendered in one text box (this is my preference) with the value rendered being "INITIAL" when that box is checked or "SUP" when that box is checked? The attached image shows a rough draft of how I'm understaning currently but obviously I'm off somewhere. Does the code just need to be re-written in one text box to accomodate this? Much appreciated.


Hi,

 

Assuming that is the only two values you have you can have the code be something like

 

event.value = this.getField("Group1").valueAsString == "INNITIAL" ? "INNITIAL" : "SUP";

 

Draw back with this is that is would put SUP in even if the radio button has not been selected, if that is a problem you can just split it out

 

var radioValue = this.getField("Group1").valueAsString

if (radioValue == "INNITIAL"){

    event.value = "INNITIAL;

} else if ( radioValue == "SUP") {

    event.value = "SUP"

} else {

   event.value = "";

}

 

This could probably be neatened up, but I wanted to keep it obvious as to what was happening.

 

1 reply

dpoagAuthor
Inspiring
August 17, 2021

Updated screenshot attached. Thank you.

Nesa Nurani
Community Expert
August 18, 2021

Are radio buttons belong to same group or they are individual?

Lets say they are called "Group1", and that you set buttons choice to be "INNITIAL" and in second button "SUP", use this code:

event.value = this.getField("Group1").valueAsString == "INNITIAL" ? "INNITIAL" : "";

Just replace "INNITIAL" with "SUP" in second text box and change field name if needed.

dpoagAuthor
Inspiring
August 21, 2021

Hi,

 

Assuming that is the only two values you have you can have the code be something like

 

event.value = this.getField("Group1").valueAsString == "INNITIAL" ? "INNITIAL" : "SUP";

 

Draw back with this is that is would put SUP in even if the radio button has not been selected, if that is a problem you can just split it out

 

var radioValue = this.getField("Group1").valueAsString

if (radioValue == "INNITIAL"){

    event.value = "INNITIAL;

} else if ( radioValue == "SUP") {

    event.value = "SUP"

} else {

   event.value = "";

}

 

This could probably be neatened up, but I wanted to keep it obvious as to what was happening.

 


Hi BarlaeDC. So when you mentioned "draw back with this is that it would put SUP in even if the radio button has not been selected, if that is a problem you can just split it out".  I am experiencing that behavior as you said. How can I split it out? I am a newbie with zero knowledge of code so any dumbed down responses are much appreciated, LOL. Your help along with others has been extremely helpful.