Javascript 如何使用angularjs中的一个复选框选中/取消选中所有其他复选框？

$scope.checkAll=function（）{
如果（$scope.selectedAll）{
$scope.selectedAll=true；
}否则{
$scope.selectedAll=false；
}
angular.forEach（$scope.MyProducts，函数（项）{
item.Selected=$scope.selectedAll；
});
/*});*/
}

全选

下面是一个示例。您不需要选中

ng

，

ng型号

就足以实现您的目标

angular.module（“myApp”，[]）.controller（“myCtrl”，函数（$scope）{
$scope.myProducts=[{
选择：false，
产品编号：1，
名称：“复选框1”
}, {
选择：false，
产品编号：2，
名称：“复选框2”
}];
$scope.selectedAll=false；
$scope.checkAll=function（）{
$scope.myProducts.forEach（函数（产品）{
product.selected=！$scope.selectedAll；
});
}
});

全选
{{product.name}
您可以使用
ng change
而不是
ng单击
来更改复选框值

在HTML中：

<div ng-app="myApp" ng-controller="myCtrl">
  <div class="panel-heading col-xs-12">
    <h6 class="viewStyle col-xs-4"><input type="checkbox" ng-model="selectedAll" ng-change="checkAll()" />Select All</h6>
  </div>

  <div id="gridView" ng-repeat="product in myProducts">

    <input type="checkbox" ng-model="product.selected" value="product.productId">{{product.name}}</input>

  </div>
</div>

请参阅此。可能的副本
$scope.checkAll = function() {
   angular.forEach($scope.myProducts, function(product) {
         product.selected = $scope.selectedAll;
   });
 };