单选按钮组无法正常工作

Question

我有一个单选按钮组。

<div class="custom-control custom-radio" style="float: left">
                                          <input [value]="'COMPLETED'" [checked]="data.identifier.manualAdjudication == 'COMPLETED'" 
                                            (click)="verify(data.identifier,$event)" type="radio" 
                                            [id]="data.identifier.docType+'accept'"
                                            [name]="data.identifier.docType" class="custom-control-input">
                                          <label class="custom-control-label text-success" [for]="data.identifier.docType+'accept'"><i class="fas
                                              fa-check"></i></label>
                                        </div>
                                        <div class="custom-control custom-radio" style="float: left;">
                                          <input [value]="'REJECTED'" [checked]="data.identifier.manualAdjudication == 'REJECTED'" 
                                            (click)="reject(data.identifier,$event)" type="radio"
                                            [id]="data.identifier.docType+'reject'"
                                            [name]="data.identifier.docType" class="custom-control-input">
                                          <label class="custom-control-label text-danger" [for]="data.identifier.docType+'reject'"><i class="fas
                                              fa-times"></i></label></div>
                              </div>

当我单击复选框时，我正在调用一个函数，要求用户确认用户是否确认，然后才设置属性data.identifier.manualAdjudication

取消时，我只是返回而未更改data.identifier.manualAdjudication变量，但仍然选择了单选按钮。 还有其他方法可以做到有角度。 用户取消确认时，我不希望选中单选按钮。