如何在Angularjs中全部选中并取消选中所有静态复选框?

时间:2019-07-08 01:32:54

标签: angularjs

我在HTML文件中有一些静态复选框和一个用于“全部检查”的复选框。然后,当我单击“全部选中”复选框时,我想选中或取消选中所有这些复选框。但是我仍然不知道这些方法在哪里。

HTML代码:

<div>
   <input type="checkbox" name="check_all" ng-model="formFruit.fruits.all" ng-true-value=":all:"/> Select All </br>
   <input type="checkbox" name="" ng-model="formFruit.fruits.apple" ng-true-value=":apple:"/> Apple </br>
   <input type="checkbox" name="" ng-model="formFruit.fruits.banana" ng-true-value=":banana:"/> Banana </br>
</div>

1 个答案:

答案 0 :(得分:1)

我不确定,为什么每个复选框都有不同的型号名称,您可以将其重置为false或按如下所示清除这些值,

angular.forEach($scope.formFruit.fruits, function(furit) {        
    //sett it to false
});

$scope.formFruit.fruits = [];