Question

我想基于单选按钮的值选中所有复选框，反之则是未选中的单选按钮单击。我正在尝试通过以下方式实现这一目标。但是我不能这样做。

组件HTML

   <label class="radio-inline">
        <input type="radio" name="sel" value="0" [(ngModel)]="clientSelectionType">Select All 
    </label>

      <label class="radio-inline">
        <input type="radio" name="sel" value="1" [(ngModel)]="clientSelectionType">Unselect All
    </label>

<div class="form-group">
    <h3> radio button </h3>
    <label class="radio-inline">
        <input type="checkbox" [checked]="clientSelectionType===0"> Test 1
    </label>
    <label class="radio-inline">
        <input type="checkbox" [checked]="clientSelectionType===0"> Test 2
    </label>
     <label class="radio-inline">
        <input type="checkbox" [checked]="clientSelectionType===0"> Test 4
    </label>
    <label class="radio-inline">
        <input type="checkbox" [checked]="clientSelectionType===0"> Test 3
    </label>
</div>

StackBlitzLink：https://stackblitz.com/edit/angular-ffuhsz。我该如何实现？

Answer 1

问题是string与number的比较。您正在做clientSelectionType === 0，即'0' === 0。之所以是字符串，是因为您正在广播中绑定这样的值：value="1"。这将导致一个字符串值。尝试使用绑定括号作为值：

<input type="radio" name="sel" [value]="1" [(ngModel)]="clientSelectionType">

角度：根据单选按钮值更改更改复选框的选中状态

1 个答案: