Easy ion-radio question

#1

I must be missing something super obvious here.
For some reason I can “check” the ion-radio by clicking on it but I can’t un-check it again.
Any ideas?
Ionic 4.
Just hard-coded the checked to false for now.

<ion-item>
    <ion-label position="floating">{{currentCheck.name}}</ion-label>
    <ion-radio slot="start" value="pass" checked="false"></ion-radio>
</ion-item>
#2

I think uncheck an ion-radio is not the expected behavior even though it should be possible by programming it.

I suggest you use ion-toggle whose behavior is ‘check’ and ‘uncheck’ as a switch:
https://ionicframework.com/docs/api/toggle

Regards

#3

Thanks so much for the help that pointed me in the correct direction I was just using them incorrectly. My brain was not working today.

I have changed it to this for now as I don’t want to use the toggle. It seems like the wrong type of control for this input.
Looks a bit rubbish but it works for now. I will work on tidying it up in the future.
I might actually change it to buttons thinking about it…

<ion-radio-group>
                <ion-list-header>
                    {{currentCheck.name}}
                </ion-list-header>
                <ion-item>
                  <ion-label position="floating">Pass</ion-label>
                  <ion-radio slot="start" value="true" (ionSelect)="currentCheck.pass = true"></ion-radio>
                </ion-item>
                <ion-item>
                  <ion-label position="floating">Fail</ion-label>
                  <ion-radio slot="start" value="false" (ionSelect)="currentCheck.pass = true"></ion-radio>
                </ion-item>
              </ion-radio-group>