Problem 1/ 3 - all radio button checked when option checked

eru · 2025-02-13T15:07:46.691Z

Hi,

I’m a Bubble newbie so please bear with me. I have a few issues that I’m stuck with.

I created my own radio buttons using icons because I don’t like the styling of the default ones.

Current situation:

Custom state is set at the page level
I’ve used a condition to change them from unchecked to checked and a state workflow for each option
However when you select an option, all options are selected
I’ve tried the following conditions - when option 2’s state or option 3 's state are not empty, show the unchecked icon for option1; when option 2’s state and option 3 's state are empty, option is clickable. I even tried addition to the workflow so ‘option 1 is clickable only when option 2’s state and option 3’s state are empty, set state to yes’

What condition and / or workflow do I need to create for just the radio button selected is checked?

hi.luisacosta · 2025-02-13T15:54:59.459Z

You’re close, just need to tweak how you’re handling state. Instead of setting a separate state for each option, use one custom state at the page level (call it selectedOption which can be a number 1,2,3).

• When an icon is clicked, update selectedOption to that option’s value.

• Set a condition on each icon: if selectedOption matches this option, show the checked icon, otherwise show the unchecked one.

Right now, it sounds like each option is setting its own state without clearing the others, which is why they’re all getting selected.

eru · 2025-02-13T21:26:51.968Z

Just to clarify, will the state type be number or number range?

hi.luisacosta · 2025-02-13T21:44:49.802Z

single number or list of numbers (if you need multiple selections)

eru · 2025-02-13T21:50:11.997Z

That worked, thank you so much

system · 2025-04-24T15:08:29.325Z

This topic was automatically closed after 70 days. New replies are no longer allowed.