Easy ion-radio question


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-label position="floating">{{currentCheck.name}}</ion-label>
    <ion-radio slot="start" value="pass" checked="false"></ion-radio>

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:



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-label position="floating">Pass</ion-label>
                  <ion-radio slot="start" value="true" (ionSelect)="currentCheck.pass = true"></ion-radio>
                  <ion-label position="floating">Fail</ion-label>
                  <ion-radio slot="start" value="false" (ionSelect)="currentCheck.pass = true"></ion-radio>