Get selected value of ion-radio-group tag in ionic 4

Ionic Framework
1

I have a code in below :

<ion-item>
    <ion-radio-group [value]="profileItem.Sex" [(ngModel)]="profileItem.Sex">
      <ion-label class="input-label">{{ 'GENDER' | translate }}</ion-label>
      <div style="display: flex;">
        <span *ngFor="let genderType of genderTypeList">
          <span>{{genderType.title}}</span>
          <ion-radio [disabled]="profileItem.id" [value]="genderType.value"></ion-radio>
        </span>
      </div>
    </ion-radio-group>
</ion-item>

but can not get selected value in profileItem.Sex.
profileItem.Sex not changed.
how to get selected value in ion-radio-group tag ?

2

Tutorial SourceLink

Try this

<ion-radio-group
allow-empty-selection = “true”
name=“radio-group”
(ionChange)=“radioGroupChange($event)”
>

…
…

radioGroupChange(event) {
console.log(“radioGroupChange”,event.detail);
this.selectedRadioGroup = event.detail;
}

ionic4-radio-group-example

5 Likes