Ion-radio buttons not selecting

Hello! I’m having trouble using (ionSelect) in my Ion Radio Group. I have three choices and placed ionSelect in a different area for each choice to find the correct placement - but it’s not firing! Here is my code:

      <ion-radio-group [(ngModel)]="paymentType" (ionSelect)="paymentChosen()">
        <ion-item lines="none">
          <ion-label lines="none">Cash</ion-label>
          <ion-radio slot="start" value="cash" (ionSelect)="paymentChosen()"></ion-radio>
        </ion-item>
        <ion-item lines="none">
          <ion-label lines="none" (ionSelect)="paymentChosen()">Credit Card</ion-label>
          <ion-radio slot="start" value="credit-card"></ion-radio>
        </ion-item>
        <ion-item lines="none" (ionSelect)="paymentChosen()">
          <ion-label lines="none">COD</ion-label>
          <ion-radio slot="start" value="cod"></ion-radio>
        </ion-item>
      </ion-radio-group>

In my .ts file:

  paymentChosen(){
    console.log('Working!')
  }

Nothing logs to the console. What do y’all advise?

Thanks!

1 post - 1 participant

Read full topic