Html 按窗体分组的单选按钮

我现在得到一些单选按钮和表单的奇怪功能

基本上我有一个有4个单选按钮的表单。现在：当我单击单选按钮时，它将永久启用。因此，我可以选择所有4个选项。单击该选项不会取消选择单选选项

我想让它在选项之间切换，这样我一次只能选择一个选项。我错过了什么

我的代码：

<form [formGroup]="answer" (submit)="saveAnswer()">
    <input formControlName="answer" id="option1" type="radio" />
    <input formControlName="answer2" id="option2" type="radio" />
    <input formControlName="answer3" id="option3" type="radio" />
    <input formControlName="answer4" id="option4" type="radio" />
    <button type="submit">Submit</button>
</form>

constructor(
 private movieService: MovieService,
 private formBuilder: FormBuilder
) {
 this.answer = this.formBuilder.group({
   'answer': '',
   'answer2': '',
   'answer3': '',
   'answer4': ''
 });
}

提交
建造师(
私人电影服务：电影服务，
私有表单生成器：表单生成器
) {
this.answer=this.formBuilder.group({
“答案：”，
“回答2”：“，
“回答3”：“，
“回答4”：”
});
}

如果您想要将单选按钮“分组”在一起（因此您只能选择其中一个），则应为所有单选按钮提供相同的名称：

<form [formGroup]="answer" (submit)="saveAnswer()">
    <input formControlName="answer" value="answer1" id="option1" type="radio" />
    <input formControlName="answer" value="answer2" id="option2" type="radio" />
    <input formControlName="answer" value="answer3" id="option3" type="radio" />
    <input formControlName="answer" value="answer4" id="option4" type="radio" />
    <button type="submit">Submit</button>
</form>

提交

---

您可以使用它们的

值来区分它们，非常好！谢谢，所以当我点击我的提交按钮时，它会只返回所选的单选按钮和附加到该按钮的值吗？它可能不会以这种方式工作，因为您的javascript代码可能会改变这种行为，但基本上是的-这是它应该如何工作的。