you can use change event to get the selected checkbox value
<input type="radio" value="male" name="gender" (change)="onGenderChange($event)" > Male
<input type="radio" value="female" name="gender" (change)="onGenderChange($event)" > Female
import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-test', template: ` <h2> Welcome {{name}} </h2> <input type="radio" value="male" name="gender" (change)="onGenderChange($event)" > Male <input type="radio" value="female" name="gender" (change)="onGenderChange($event)" > Female `, styles: [` `] }) export class TestComponent implements OnInit { public name = "Amey Raut"; constructor() { } ngOnInit() { } onGenderChange(event){ console.log(event.target.value); //will display value for selected Gender eg. "male" } }