Hi Community, I have created a Custom Checkbox field with multiple options and three custom fields: Text(Single-Line). The Checkbox field contains three options: * Alpha, Beta, Gamma Based on the selection of options, the respective Text field should show/ hide. For example: * Checkbox: Alpha and Gamma are selected as options * Then, Text fields such as: Alpha ID and Gamma ID should show and Beta ID should hide. So, based on selection of Checkbox options, I want to show/ hide the Text fields. Please guide on how I can achieve this using Scriptrunner, JMWE app, JSU, etc? Thanks

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; } } }

Show/ Hide multiple custom fields based on multiple Checkbox options in JIRA Data Center

Digvijay Singh Gehlot_fgm3gu

Hi Community,

I have created a Custom Checkbox field with multiple options and three custom fields: Text(Single-Line).

The Checkbox field contains three options:

Alpha, Beta, Gamma

Based on the selection of options, the respective Text field should show/ hide.

For example:

Checkbox: Alpha and Gamma are selected as options
Then, Text fields such as: Alpha ID and Gamma ID should show and Beta ID should hide.

So, based on selection of Checkbox options, I want to show/ hide the Text fields.

Please guide on how I can achieve this using Scriptrunner, JMWE app, JSU, etc?

Thanks

Accepted answers

Ram Kumar Aravindakshan _Adaptavist_

Hi @Digvijay Singh Gehlot

I have provided a very similar solution in this Community Post. For this use case, the Checkbox value selected will display a text field and set it to required or hide it and set it to not required.

You will need to modify the code according to your requirements.

Please go through the solution provided and let me know how it goes.

Thank you and Kind regards,

Ram

All comments

Digvijay Singh Gehlot_fgm3gu

Hi @Ram Kumar Aravindakshan _Adaptavist_

May you guide me further with the above use-case by using scriptrunner?

Looking forward to hearing from you soon.

Thanks

Ram Kumar Aravindakshan _Adaptavist_

Hi @Digvijay Singh Gehlot

I have provided a very similar solution in this Community Post. For this use case, the Checkbox value selected will display a text field and set it to required or hide it and set it to not required.

You will need to modify the code according to your requirements.

Please go through the solution provided and let me know how it goes.

Thank you and Kind regards,

Ram

Digvijay Singh Gehlot_fgm3gu

Hi @Ram Kumar Aravindakshan _Adaptavist_

Thank you for sharing that related Community page.

I followed the post thoroughly and tried to run the below code on Jira data center (9.12.12) at my end:

import com.atlassian.jira.component.ComponentAccessor
import com.onresolve.jira.groovy.user.FieldBehaviours
import groovy.transform.BaseScript

@BaseScript FieldBehaviours behaviours

def sampleCheckbox = getFieldById(fieldChanged)
def sampleCheckboxValue = sampleCheckbox.value.toString()

def sampleText_1 = getFieldByName('Alpha ID')
def sampleText_1 = getFieldByName('Beta ID')
def sampleText_2 = getFieldByName('Gamma ID')

sampleText_1.hidden = true
sampleText_2.hidden = true
sampleText_3.hidden = true

def customFieldManager = ComponentAccessor.customFieldManager
def oldSampleCheckBox = customFieldManager.getCustomFieldObjectsByName('Sample Checkbox').first()

if (underlyingIssue) {
if (underlyingIssue.getCustomFieldValue(oldSampleCheckBox).toString() != sampleCheckboxValue) {
sampleText_1.hidden = false
}
if (underlyingIssue.getCustomFieldValue(oldSampleCheckBox).toString() != sampleCheckboxValue) {
sampleText_2.hidden = false
}

if (underlyingIssue.getCustomFieldValue(oldSampleCheckBox).toString() != sampleCheckboxValue) {
sampleText_3.hidden = false
}
}

____________________________________________________________________________________________

However, I observed that:

1) On selecting the option "Alpha" only in Sample Checkbox, all three Text fields are appearing: Alpha ID, Beta ID, Gamma ID.

2) On selecting the option "Beta" only in Sample Checkbox, again two Text fields are appearing: Alpha ID, Beta ID, Gamma ID.

3) On selecting the option "Alpha" and "Beta" only in Sample Checkbox, again two Text fields are appearing: Alpha ID, Beta ID, Gamma ID.

Can you further help me to refine my above code so that user should only see Alpha ID (Text field) if he selects Checkbox option "Alpha" or if user selects multiple Checkbox options: "Alpha" and "Beta", then only two Text fields should appear: Alpha ID, Beta ID (Gamma ID should be hidden if user has not selected "Gamma" as Checkbox option)?

Thanks

Ram Kumar Aravindakshan _Adaptavist_

Hi @Digvijay Singh Gehlot

So for your requirement, you need to modify the code accordingly. The sample I have provided was for an Issue that has already been created and will not work on the Create screen, i.e. the underlyingIssue variable is only accessible once the issue has been created.

Below is a sample working code for your reference:-

import com.onresolve.jira.groovy.user.FieldBehaviours
import groovy.transform.BaseScript

@BaseScript FieldBehaviours behaviours
def sampleCheckbox = getFieldById(fieldChanged)
def sampleCheckboxValue = sampleCheckbox.value.toString()

def alphaID = getFieldByName('Alpha ID')
def betaID = getFieldByName('Beta ID')
def gammaId = getFieldByName('Gamma ID')

alphaID.hidden = true
alphaID.required = false

betaID.hidden = true
betaID.required = false

gammaId.hidden = true
gammaId.required = false

if (sampleCheckboxValue == 'Option1') {
    alphaID.hidden = false
    alphaID.required = true
} else if (sampleCheckboxValue == 'Option2') {
    betaID.hidden = false
    betaID.required = true
} else if (sampleCheckboxValue == 'Option3') {
    gammaId.hidden = false
    gammaId.required = true
}

Below is a screenshot of the Behaviour configuration for your reference:-

I hope this helps solve your question. :-)

Thank you and Kind regards,
Ram

Digvijay Singh Gehlot_fgm3gu

Hi @Ram Kumar Aravindakshan _Adaptavist_

I am showing the required custom fields on Edit Screen only.

So, I run the below:

import com.onresolve.jira.groovy.user.FieldBehaviours
import groovy.transform.BaseScript

@BaseScript FieldBehaviours behaviours
def sampleCheckbox = getFieldById(fieldChanged)
def sampleCheckboxValue = sampleCheckbox.value.toString()

def alphaID = getFieldByName('Alpha ID')
def betaID = getFieldByName('Beta ID')
def gammaId = getFieldByName('Gamma ID')

alphaID.hidden = true
betaID.hidden = true
gammaId.hidden = true

if (sampleCheckboxValue == 'Option 1') {
alphaID.hidden = false
} else if (sampleCheckboxValue == 'Option 2') {
betaID.hidden = false
} else if (sampleCheckboxValue == 'Option 3') {
gammaId.hidden = false
}

The result is:
1) When I select only "Alpha" as checkbox option, I am able to see "Alpha ID" text field.
2) When I select only "Beta" as checkbox option, I am able to see "Beta ID" text field. Edit Screen - Option 1 selected.PNG

3) But when I select "Alpha" and "Beta" only as checkbox options, I am not able to see "Alpha ID" and "Beta ID" text fields at the same time. Edit Screen - Option 1 & Option 2 selected.PNG

May you guide further with the code?

Thanks

Digvijay Singh Gehlot_fgm3gu

Hi @Ram Kumar Aravindakshan _Adaptavist_

I am applying if/else condition for 10 Checkbox options, and it is getting too complex to write the code for some many combinations.

Is there a way, we can use Select List (Multi-Choose) instead of multiple checkbox options regarding my use-case?

Can you also provide more guidance with the code on how to hide/ show text fields based on Select List (Multi-Choose) options?

Looking forward to hearing from you soon.

Thanks

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

scriptrunner

jira

jira-data-center

behaviours

data-center

checkbox

checklist

jsu

jmwe