重复一组复选框,并防止多次检查同一复选框

时间:2020-01-15 16:52:09

标签: javascript html angular checkbox

我在Angular / Typescript中遇到以下问题。

我有一组复选框,需要在页面的多个位置上显示它。

假设我有以下内容:

box-1 box-2 box-3 box-4 box-5 < / em> box-6

box-1 box-2 box-3 box-4 box-5 < / em> box-6

box-1 box-2 box-3 box-4 box-5 < / em> box-6

box-1 box-2 box-3 box-4 box-5 < / em> box-6

因此,我有4次包含6个带有重复元素的复选框的集合。 我应该只能选择一次每个元素。因此,如果我在第一行中选中 box-1 ,则应在所有其他行上均未选中它。如果这样的话,我在第三行上选中 box-1 ,那么除了第三行之外,其他地方都应取消选中它。

我设法做到了两套,但不能使其工作更多?

关于如何执行此操作的任何想法?

<div class="checkbox-container">
    <mat-checkbox *ngFor="let child of children">
        {{child.firstName}}
    </mat-checkbox>
</div>`

现在在其他地方,我具有相同的ngFor和相同的复选框,但是如果我不能在两个复选框中检查同一孩子,则

我将boolean与ngModel绑定在一起或进行检查,但是然后我必须检查所有其他布尔值吗?

0 个答案:

没有答案