Question

我需要从单选按钮中获取角度值。假设具有以下html代码：

 <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页面中，我需要获取单选按钮的值像

dog.value

我的目的是：

将默认设置为第一个单选按钮
单击单选按钮获取值

有人可以帮助我吗？

Answer 1

您可以绑定单选按钮的数据。只需添加单选按钮的值并在ngModel

中进行更改

html

<input class="form-check-input" type="radio" value="dog" 
[(ngModel)]="dog.value" name="gob" value="i" [checked]="true" 
(change)="onItemChange($event)"/>

ts

onItemChange(value){
   console.log(" Value is : ", value );
}

Answer 2

单选按钮的数据绑定取决于value属性。因此，如果您将变量dog设置为字符串“ dog”，则会选择第一个单选按钮。

要获取单击时单选按钮的值，您可以直接在onItemChange事件中传递字符串，也可以通过事件变量进行访问：

https://stackblitz.com/edit/angular-csusjt?file=src%2Fapp%2Fapp.component.html

如何从单选按钮角度获取检查值

2 个答案:

html

ts