如何在angular6中获取选定的单选按钮ID

Question

我有一组单选按钮。单击后，我需要获取每个单选按钮的ID，如何在ts文件中获取单选按钮的ID。请帮助

<input name="r1" #tradio1 id="r1" class="custom-control-input" type="radio" [value]="0" (change)="Change($event, tradio1)">
              <label class="custom-control-label" for="r1">Radio1</label>&nbsp;

Answer 1

哦，您的变更功能可以使用

Change(event, id) {
  console.log(event.target.id)
}

Answer 2

您可以为此使用ngModel指令

<input name="r1" #tradio1 id="r1" class="custom-control-input" type="radio" [value]="0" [(ngModel)]="yourvariablename" (change)="Change($event, tradio1)">
          <label class="custom-control-label" for="r1">Radio1</label>&nbsp;

Answer 3

您可以使用查询列表并以相同的单选按钮ID循环

@ViewChildren('tradio') tradio: QueryList<any>;

Answer 4

尝试这样：

Working Demo

.html

<input name="r1" #tradio1 id="r1" class="custom-control-input" type="radio" [value]="0" [(ngModel)]="radio1value" (ngModelChange)="Change($event)">
<label class="custom-control-label" for="r1">Radio1</label>&nbsp;

.ts

Change(evt) {
  console.log(evt);
}