I am trying to get the values from radio buttons in angular but I am getting numbers insteadhere is the codeltdiv class34formgroup col1234gt ltpgtGated Communityltpgt ltdiv class34btngroup34 btnRadioGroup formControlName34Gated34gt ltlabel class34btn btnoutlineprimary mr234 btnRadio1 tabindex34034 role34button34 name34Gated34gtYesltlabelgt ltlabel class34btn btnoutlineprimar

Hi ramitaherwahdUse RadioButton and on change event get the valueltinput class34btn btnoutlineprimary mr234 type34radio name34Gated34 value34Y34 change34onChangeevent34 gt ltlabel for34a34gtYesltlabelgt ltinput class34btn btnoutlineprimary mr234 type34radio34 name34Gated34 value34N34 change34onChangeevent34 gtltlabel for34b34gtNoltlabelgtThen get like belowonChangee thispropertyGated etargetvalue

Get checked RadioButton value in Angular

ramitahe...

SOLVED CLOSED ACTIVE ANSWERED
User: ramitaherwahdan1978
Posted: on Oct 29, 2023 10:41 PM
Forum: Angular
Answer: 1
Views: 588

I am trying to get the values from radio buttons in angular but I am getting numbers instead.

here is the code:

<div class="form-group col-12">
    <p>Gated Community</p>
    <div class="btn-group" btnRadioGroup formControlName="Gated">
        <label class="btn btn-outline-primary mr-2"
            btnRadio=1 tabindex="0" role="button" name="Gated">Yes</label>
        <label class="btn btn-outline-primary"
            btnRadio=2  tabindex="0" role="button" name="Gated">No</label>
    </div>
</div>

in the ts file I have:

this.property.Gated = this.Gated.value;

I tried to add value to the html but it is not working!

<label class="btn btn-outline-primary mr-2" btnRadio=1 tabindex="0" role="button" name="Gated" value="Y">Yes</label>

but still I am getting values of 1 or 2 not "y" or "n"

Download FREE API for Word, Excel and PDF in ASP.Net

dharmend...

0 1

Reply
ANSWER
User: dharmendr
Replied: on Oct 29, 2023 11:29 PM
Report

Hi ramitaherwahd...,

Use RadioButton and on change event get the value.

<input class="btn btn-outline-primary mr-2" type="radio name="Gated" value="Y" (change)="onChange($event)" /> 
<label for="a">Yes</label> 

<input class="btn btn-outline-primary mr-2" type="radio" name="Gated" value="N" (change)="onChange($event)" />
<label for="b">No</label>

Then get like below.

onChange(e) {
   this.property.Gated = e.target.value;
}

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Get checked RadioButton value in Angular

Company

Explore

Follow us

Contact Us