检查是否所有复选框都被选中

问题描述：

如果我有一个如下所示的动态复选框，如何检查是否所有复选框都已选中，以便我可以根据是否全部选中该选项来禁用/启用按钮。检查是否所有复选框都被选中

林采用了棱角分明2+

<ion-item *ngFor="let field of filters"> 
    <ion-checkbox [(ngModel)]="filters[field]"></ion-checkbox> 
</ion-item>

您可以检查是否所有的'过滤器[现场]'是真实 –

灿你发布过滤器对象？ –

答

你可以做什么，是引进一个布尔值，你filters数组，然后分配给您的双向结合，并在改变检查，如果所有复选框都检查并切换另一布尔标志的按钮：

你的阵列：

filters = [{value:'val1',isChecked:false}, {value:'val2', isChecked:false}]

模板：

<ion-item *ngFor="let field of filters"> 
    <ion-checkbox (click)="check()" [(ngModel)]="field.isChecked"> 
    {{field.value}} 
    </ion-checkbox> 
</ion-item> 
<button ion-button [disabled]="!allChecked">Button</button>

，然后单击事件：

check() { 
    this.allChecked = this.filters.every(x => x.isChecked === true) 
}

DEMO：https://plnkr.co/edit/sVwz5OjL559x7eUlGK0c?p=preview

检查是否所有复选框都被选中

相关推荐