如何从单选按钮角度获取检查值 [英] How get checked value from radio button angular
本文介绍了如何从单选按钮角度获取检查值的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我需要从单选按钮中获取价值.假设具有以下html代码:
I need to get value from radio button in angular. Suppose to have this html code:
<label class="radio-inline">
<input class="form-check-input" type="radio" [(ngModel)]="dog" name="gob" value="i" [checked]="true" (change)="onItemChange(item)"/>Dog
</label>
<label class="radio-inline">
<input class="form-check-input" type="radio" [(ngModel)]="cat" name="cat" value="p" (change)="onItemChange(item)"/>Cat
</label>
在我的ts页面中,我需要获取单选按钮的值 像
In my ts page I need to get the value of radio button like
dog.value
我的目的是:
- 将默认设置为第一个单选按钮
- 单击单选按钮获取值
有人可以帮助我吗?
推荐答案
您可以绑定单选按钮的数据.只需添加单选按钮的值并在ngModel
You can bind the data of radio button. Just add the value for radio button and change in the ngModel
<input class="form-check-input" type="radio" value="dog"
[(ngModel)]="dog.value" name="gob" value="i" [checked]="true"
(change)="onItemChange($event.target.value)"/>
ts
onItemChange(value){
console.log(" Value is : ", value );
}
这篇关于如何从单选按钮角度获取检查值的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文