Html 为什么我可以同时选择两个单选按钮？

为什么我可以同时选择两个单选按钮

  <form #form="ngForm">
    {{ poll.counter1 }} votes <input type="radio" id="{{ poll.choice1 }}" value="{{ poll.choice1 }}" (click)="onChoice1(form)">{{ poll.choice1 }}
    <br>
    {{ poll.counter2 }} votes <input type="radio" id="{{ poll.choice2  }}" value="{{ poll.choice2 }}" (click)="onChoice2(form)">{{ poll.choice2 }}
  </form>

{{poll.counter1}}投票{{poll.choice1}}


{{poll.counter2}}投票{{poll.choice2}

如果只想选择一个单选按钮，则必须为两个单选按钮指定相同的名称

<form #form="ngForm">
    {{ poll.counter1 }} votes <input type="radio" name="my_radio" id="{{ poll.choice1 }}" value="{{ poll.choice1 }}" (click)="onChoice1(form)">{{ poll.choice1 }}        
    {{ poll.counter2 }} votes <input type="radio" name="my_radio" id="{{ poll.choice2  }}" value="{{ poll.choice2 }}" (click)="onChoice2(form)">{{ poll.choice2 }}
</form>

{{poll.counter1}}投票{{poll.choice1}}
{{poll.counter2}}投票{{poll.choice2}

您可以在这里尝试：

收音机A
B台
没有相同的名字
X电台
无线电Y

如果只想选择一个单选按钮，则必须为两个单选按钮指定相同的名称

<form #form="ngForm">
    {{ poll.counter1 }} votes <input type="radio" name="my_radio" id="{{ poll.choice1 }}" value="{{ poll.choice1 }}" (click)="onChoice1(form)">{{ poll.choice1 }}        
    {{ poll.counter2 }} votes <input type="radio" name="my_radio" id="{{ poll.choice2  }}" value="{{ poll.choice2 }}" (click)="onChoice2(form)">{{ poll.choice2 }}
</form>

{{poll.counter1}}投票{{poll.choice1}}
{{poll.counter2}}投票{{poll.choice2}

您可以在这里尝试：

收音机A
B台
没有相同的名字
X电台
无线电Y