选中并取消选中angularjs中带有parent复选框的复选框

时间:2016-01-05 09:16:31

标签: angularjs checkbox

我想选择/取消选中基于父复选框的子复选框我需要在angularjs中的任何人请给出解决方案

我想要这样

enter image description here

1 个答案:

答案 0 :(得分:1)

复选框中的ng-checked属性接受表达式。因此,您可以使用和/或条件给出表达式,如下所述,以便根据表达式进行检查。

<input type="checkbox" ng-checked="child_1 && child_2 && child_3 && child_4 && child_5" ng-model="parent"/> Select All<br/>

单击每个子复选框时,您不必编写单独的函数来执行计算。

在上面的例子中 子复选框模型:child_1,child_2,child_3,child_4,child_5
父复选框模型:父单 Example