Hey @ojebodeayobami80,
The simplest way to achieve this would be via Radio buttons; see GIF for reference.
If you must use checkboxes in your use-case, you could do the following.
Firstly we will start by making our checkboxes dynamic
and giving them the standard value of no.
Then create a state on the page. This state should contain all three of your values
Ideally, we would use a group or button to cover the action of the checkbox and set its input to be disabled. When the user clicks what they think is the checkbox, they are clicking the group or button. This button or group would then change the state, saying that, just covering something with a group or button does not make it secure though we mitigated that risk by setting its input to disabled.
Anyway, continuing with our basic structure, once we select the following three buttons, we can change the state.
When we click the select button, we change a text
state we have set up to be whatever we want though we will need a minimum of 3 unique values for this use case.
Once the state has changed, we check that via a conditional and update our checkbox as we see fit.
In my opinion though, use Radio buttons it’s a lot less work.