How to get selected radio by name without using ViewChile

[BOB JASON TIAMSIC]

How can I get the value of the selected radio button without using ViewChild?

There is no documentation in syncfusion about this.

Here's my HTML code

<ul>

                            <li>

                                <ejs-radiobutton #rbClinician label="Clinician Block" name="block" checked="true">

                                </ejs-radiobutton>

                            </li>

                            <li>

                                <ejs-radiobutton #rbPatient label="Future Patient" name="block"></ejs-radiobutton>

                            </li>

                            <li>

                                <ejs-radiobutton #rbInfo label="Patient Information" name="block"></ejs-radiobutton>

                            </li>

                        </ul>

[Aravinthan Seetharaman]

Hi BOB, 

 

Thanks for contacting Syncfusion Support. 

 

We have checked your query. We can able to achieve your requirement by using ngModel in RadioButton. Please refer the below code snippet and sample. 

 

app.component.ts 

 

export class AppComponent { 

  public value: string = 'no'; 

} 

 

 

app.component.html 

 

<div class="control-section"> 

  <div class="radiobutton-control"> 

    <h4>Choose Option</h4> 

    <div class="row"> 

      <ejs-radiobutton 

        label="Yes" 

        value="yes" 

        name="autoRenew" 

        [(ngModel)]="value" 

      ></ejs-radiobutton> 

    </div> 

    <div class="row"> 

      <ejs-radiobutton 

        label="No" 

        value="no" 

        name="autoRenew" 

        [(ngModel)]="value" 

      ></ejs-radiobutton> 

    </div> 

  </div> 

</div> 

<h4>Selected Value</h4> 

<span>{{ value }}</span> 

 

 

Sample: https://stackblitz.com/edit/angular-xtuk96-f4lfp6?file=app.component.html  

 

For more details, please refer the below UG link

 

UG Link: https://ej2.syncfusion.com/angular/documentation/radio-button/how-to/two-way-binding-using-radiobutton/  

 

Could you please check the above details and get back to us, if you need assistance on this. 

 

Regards, 

Aravinthan S