両方のラジオボタンを同時に選択できるのはなぜですか？

Question

なぜ両方のラジオボタンを同時に選択できますか？

<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> 

Answer 1

1つだけを選択する場合は、両方のラジオボタンに同じ名前を付ける必要があります。

<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> 

あなたはここでそれを試すことができます。

<label>Radio A</label> 
 
<input type="radio" name="foo"> 
 
<label>Radio B</label> 
 
<input type="radio" name="foo"> 
 

 
<h2>Without the same name</h2> 
 
<label>Radio X</label> 
 
<input type="radio"> 
 
<label>Radio Y</label> 
 
<input type="radio">