Change color of radio button after selection

[Lyle_Worsley]

I have a radio button named PF T5 STEP A with three choices of Pass Fail N/A.  I am trying to have the background color of all three choices to be red by default and when one of the choices are selected, all three choices turn white.  I am fairly new to javascript and have looked for any other posts with something like this and I can't find anything I can try to manipulate to what I need.  Appriciate any help.

[Amal.]

Hi Lyle_Worsley

Hope you are doing well and sorry for the trouble. As described you want to change the background color of the radio buttons when selected.

The workflow that you are trying to achieve is possible using the JavaScript. For more information please check the help page https://acrobatusers.com/tutorials/javascript_console/

Hope it will help

Regards

Amal

[Nesa Nurani · Accepted solution]

There is couple of ways to achive that. If you won't be reseting radio buttons then set them to be red manually and put this code as "Mouse UP" -> "Run javascript" under "Action" tab in all 3 buttons:

event.target.fillColor = color.white;

If you will be reseting buttons or you want to automate process, create text field and make it hidden then put this script in text field under "Calculate" tab -> "Custom calculation script":

this.getField("PF T5 STEP A").fillColor = this.getField("PF T5 STEP A").value == "Off" ? color.red : color.white;

[Lyle_Worsley]

Thank you Nesa.  Both your solutions worked!  The code with the ability to reset is the option I needed.

[FistTechnik]

Dear Nesa,

I have a radio button group with 2 tick boxes with values "yes" and "no"

If the yes-box is ticket I want it go green if the no-box is ticked it should go red.

I need to connect the values to the colours. How can it be done, I wonder

[Nesa Nurani]

Lets say your radio buttons are named "Group1", as 'Mouse UP' event of "yes" button use this:

var y = this.getField("Group1.0");
var n = this.getField("Group1.1");
if(event.target.value == "yes"){
y.fillColor = color.green;
n.fillColor = color.transparent;}

and for "no" button use this:

var y = this.getField("Group1.0");
var n = this.getField("Group1.1");
if(event.target.value == "no"){
n.fillColor = color.red;
y.fillColor = color.transparent;}

If you will be reseting buttons by some other means (button field...etc) in that case color will remain and I suggest you use script in that button to also reset color:

this.getField("Group1").fillColor = color.transparent;

[FistTechnik]

it also works when I just assign red to one button and green to the other 🙂