Question

我打算将它们作为两个单选按钮，以便用户可以选择其中一个。但是他们都在表格上显示已经检查过，并且无法取消选中。

＆＃13;

   

<div class="form-group">
      <label class="col-sm-12">
          <input type="radio" name="paymentType" id="paymentType" 
            [(ngModel)]="payment.paymentType"
            [value]="PayPal" required>
      </label>
    </div>
    <div class="form-group">
      <label class="col-sm-12">
          <input type="radio" name="paymentType" id="paymentType" 
          [(ngModel)]="payment.paymentType" 
            [value]="Credit" required>
        </label>
    </div>

＆＃13;

Answer 1

<div class="form-group">
<label class="col-sm-12">
      <input type="radio" name="paymentType"
        [(ngModel)]="payment.paymentType"
        [value]="PayPal" required>
</label>
</div>

<div class="form-group">
<label class="col-sm-12">
      <input type="radio" name="paymentType"
      [(ngModel)]="payment.paymentType"
      [value]="Credit" required>
</label>
</div>

删除radio按钮和[checked]绑定中的额外名称，然后首先取消选中这两个名称。具有相同名称的无线电在收音机组中，因此当您选中一个radio按钮时，另一个将取消选中。

角度2：单选按钮不起作用

1 个答案: