nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Hide / Show fields based on another fields radio button selection.

Karl Samson_71fk2j

I'm trying to only show certain text fields dependent upon a certain Radio button selection. There are multiple options available and so only want to show the appropriate corresponding text field, when the radio button is selected.

Currently I have the below server-side script, against the Radio button field in ScriptRunner, but it is only currently looking for one of the multiple options.

def radioField = getFieldById(getFieldChanged()) // Get the radio button field

def dependentField = getFieldByName("Design Metallics - Hours") // The field to show/hide

if (radioField.getValue() == "Show") { // Adjust based on your option value

dependentField.setHidden(false) // Show the field

} else {

dependentField.setHidden(true) // Hide the field.

Snapshot of the fields in question:-

Accepted answers

Stefan Stadler

Hi Karl,

from my perspective, it appears that making the fields visible is somehow not executed at all.

I do not see any issue with the code either, but maybe it would be worth to check for the class and value of the selected field using logging:

def selectedValues = radioField.getValue()
...
if (selectedValues) {
  log.error("Classname: ${selectedValues.class.name}.")
  log.error("Field value: ${selectedValues.toString()}.")

  selectedValues.each { selected ->
     log.error("single value Classname: ${selected.class.name}.")
     log.error("single selection value: ${selected.toString()}.")

    def correspondingField = fieldMappings[selected]

    if (correspondingField) {

      correspondingField.setHidden(false)

    }

  }

}

What is the output of this statement in the Jira logs? Note: I am using log level error to definitely show this in the logs. You could adjust this to your logging. Maybe the output can show the reason for this strange behaviour.

Hope this helps!

Regards,

Stefan

All comments

Tuncay Senturk _Snapbytes_

Hi @Karl Samson

Since you have multiple options, you need to update your script to handle multiple selections dynamically. Below is the code that I believe will assist, but please bear in mind that I haven't tested it. I put some comment lines for clarity, I hope it helps

def radioField = getFieldById(getFieldChanged()) // Get the radio button field

// Map each radio button option to its corresponding field
def fieldMappings = [
  "Design Metallics" : getFieldByName("Design Metallics - Hours"),
  "Design Composites" : getFieldByName("Design Composites - Hours"),
  "Design Fluid Systems" : getFieldByName("Design Fluid Systems - Hours"),
  "Design Electrics" : getFieldByName("Design Electrics - Hours"),
  "Structures Change" : getFieldByName("Structures Change - Hours"),
  "Structures Sustainment" : getFieldByName("Structures Sustainment - Hours"),
]

// Get the selected value(s) from the radio button
def selectedValues = radioField.getValue()

// Hide all fields initially (then we will set their hidden property accordingly)
fieldMappings.each { key, field -> 
  field.setHidden(true) 
}

// Show the field if the option is selected
if (selectedValues) {
  selectedValues.each { selected ->
    def correspondingField = fieldMappings[selected]
    if (correspondingField) {
      correspondingField.setHidden(false)
    }
  }
}

Karl Samson_71fk2j

Hi Tuncay, that has nearly worked. The only problem is you need to select two Radio buttons for the corresponding fields to appear??

def radioField = getFieldById(getFieldChanged()) // Get the radio button field

// Map each radio button option to its corresponding field

def fieldMappings = [

"Design Metallics" : getFieldByName("Design Metallics - Hours"),

"Design Composites" : getFieldByName("Design Composites - Hours"),

"Design Fluid Systems" : getFieldByName("Design Fluid Systems - Hours"),

"Design Electrics" : getFieldByName("Design Electrics - Hours"),

"Structures Change" : getFieldByName("Structures Change - Hours"),

"Structures Sustainment" : getFieldByName("Structures Sustainment - Hours"),

"Engineering Integration" : getFieldByName("Engineering Integration - Hours"),

"Change Integration" : getFieldByName("Change Integration - Hours"),

"Project Management" : getFieldByName("Project Management - Hours"),

"Commercial" : getFieldByName("Commercial - Hours"),

"Configuration Management" : getFieldByName("Configuration Management - Hours"),

]

// Get the selected value(s) from the radio button

def selectedValues = radioField.getValue()

// Hide all fields initially (then we will set their hidden property accordingly)

fieldMappings.each { key, field ->

field.setHidden(true)

}

// Show the field if the option is selected

if (selectedValues) {

selectedValues.each { selected ->

def correspondingField = fieldMappings[selected]

if (correspondingField) {

correspondingField.setHidden(false)

}

Radio Button options_2.jpg Radio Button options_1.jpg

Tuncay Senturk _Snapbytes_

Hmm, I don't think it's an issue with the code.

Stefan Stadler

Hi Karl,

from my perspective, it appears that making the fields visible is somehow not executed at all.

I do not see any issue with the code either, but maybe it would be worth to check for the class and value of the selected field using logging:

def selectedValues = radioField.getValue()
...
if (selectedValues) {
  log.error("Classname: ${selectedValues.class.name}.")
  log.error("Field value: ${selectedValues.toString()}.")

  selectedValues.each { selected ->
     log.error("single value Classname: ${selected.class.name}.")
     log.error("single selection value: ${selected.toString()}.")

    def correspondingField = fieldMappings[selected]

    if (correspondingField) {

      correspondingField.setHidden(false)

    }

  }

}

Hope this helps!

Regards,

Stefan

Karl Samson_71fk2j

Hi Stefan, I'm assuming here that this is generic code, and we would need to replace 'selectedValues' with the 'Function' field name (Radio button field), and define 'correspondingField' with something like :-

def correspondingField = fieldMappings("Design Metallics" : getFieldByName("Design Metallics - Hours")?

Also, should there be some code after....

if (correspondingField) {

Stefan Stadler

Hi @Karl Samson

the code is not pseudo code - it was just not the complete snippet. Let me pickup the complete code from Tuncay as this code appears to be fine to me:

def radioField = getFieldById(getFieldChanged()) // Get the radio button field

// Map each radio button option to its corresponding field
def fieldMappings = [
  "Design Metallics" : getFieldByName("Design Metallics - Hours"),
  "Design Composites" : getFieldByName("Design Composites - Hours"),
  "Design Fluid Systems" : getFieldByName("Design Fluid Systems - Hours"),
  "Design Electrics" : getFieldByName("Design Electrics - Hours"),
  "Structures Change" : getFieldByName("Structures Change - Hours"),
  "Structures Sustainment" : getFieldByName("Structures Sustainment - Hours"),
]

// Get the selected value(s) from the radio button
def selectedValues = radioField.getValue()

// Hide all fields initially (then we will set their hidden property accordingly)
fieldMappings.each { key, field -> 
  field.setHidden(true) 
}

// Show the field if the option is selected
if (selectedValues) {

  log.error("Classname: ${selectedValues.class.name}.")
  log.error("Field value: ${selectedValues.toString()}.")

  selectedValues.each { selected ->

    log.error("single Classname: ${selected.class.name}.")
    log.error("single value: ${selected.toString()}.")

    def correspondingField = fieldMappings[selected]
    if (correspondingField) {
      correspondingField.setHidden(false)
    }
  }
}

Actually the code first iterates over all the field mappings and hides the fields.

After that, this code checks the selected values and if one of these matches with one of the field mappings it unhides the field again.

As the script seems fine, I have only added some logging, which will bring some more details on that. You should be able to find these logs in the atlassian-jira.log once the behaviour has been executed.

If you execute the behaviour once with one value and then with two values selected, you should see some kind of difference and maybe find a clue to solve this.

Hope this helps!

Stefan

Karl Samson_71fk2j

Hi Stefan, below is the full code executing. But strangely, we still have to select two radio buttons to get any of the text fields to unhide. The 'Function' field (Radio buttons) is set to 'Optional' in both the Project Configuration and the Field Behaviour.

See pictures:-

def radioField = getFieldById(getFieldChanged()) // Get the radio button field

// Map each radio button option to its corresponding field

def fieldMapping = [