Ionic: how to handle change event radio button

yadnyastudio · November 28, 2016, 12:59pm

I want to show alert dialog when I click some radio button. I try to use (change), (click) & (select) but still not working.
Please help me…

sveinla · November 28, 2016, 1:54pm

Tried this one? ionSelect - expression to be evaluated when selected

yadnyastudio · November 28, 2016, 1:56pm

how to use that? sorry I newbie, I don’t understand

sveinla · November 28, 2016, 3:25pm

<ion-radio (ionSelect)="radioChecked()"....>
Then in your ts file you define a function radioChecked() that handles click on the radio.

bpeary · January 2, 2018, 5:43am

Thank you. This is helpful. How can I get a radio button value passed back to the function, using this? Cheers.

umerf6455 · January 25, 2018, 9:02am

<ion-radio (ionSelect)="radioChecked('YourValue')" ....>

@bpeary
You can send your desired value like this and then you can use it in your .ts file easily!!!

bpeary · January 25, 2018, 9:04am

Thanks! That’s helpful information!

umerf6455 · January 25, 2018, 9:07am

You are welcome @bpeary

vaibhav915527 · April 5, 2019, 7:43am

You can pass value just using $event instead of passing hard coded value
<ion-radio (ionSelect)=“radioChecked($event)” …>