选中/取消选中其他复选框时，全选复选框无法正常工作答案

【问题标题】：SelectAll checkbox is not functioning properly when other check-boxes are checked/unchecked选中/取消选中其他复选框时，全选复选框无法正常工作
【发布时间】：2015-04-13 09:56:45
【问题描述】：

我正在尝试将 Checkbox 功能合并到 ng-Grid 控件中。我的意图是，

a）在选择复选框时，应在底板网格中显示相应的数据。（达到）

b）在选择 selectall 复选框时，所有相应的数据应在底网格中显示。（达到）

c) 每当取消选中复选框时，相应的数据不应显示在底部网格中。（达到）

d) 当 SelectAll 复选框未选中时，所有对应的数据不应显示在底部网格中。（达到）

我无法实现的目标

a) 如果 SelectAll 复选框选中，但其他任何一个复选框未选中，则 SelectAll 应该不勾选 （未实现）

b) 如果所有其他复选框都选中，那么 SelectAll 复选框应该选中 （不是实现）

示例

<!DOCTYPE html>
<html ng-app="myApp">
    <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <link data-require="ng-grid@2.0.9" data-semver="2.0.9" rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/ng-grid/2.0.9/ng-grid.css" />
    <link rel="stylesheet" href="style.css" />
    <script data-require="jquery@2.1.1" data-semver="2.1.1" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script data-require="angular.js@1.2.x" src="https://code.angularjs.org/1.2.25/angular.js" data-semver="1.2.25"></script>
    <script data-require="ng-grid@2.0.9" data-semver="2.0.9" src="http://cdnjs.cloudflare.com/ajax/libs/ng-grid/2.0.9/ng-grid.js"></script>
    <script src="main.js"></script>
  </head>
    <body ng-controller="MyCtrl">
          <div  class="gridStyle" ng-grid="gridOptions" ></div>
          <div  class="gridStyle" ng-grid="gridOptions1" ></div>
    </body>
</html>

http://plnkr.co/edit/Yg2AQfx6E0wg1lxwomA6?p=preview

在此先感谢

【问题讨论】：

抱歉忘记在这里发我的 plunkr 了：plnkr.co/edit/Yg2AQfx6E0wg1lxwomA6?p=preview

标签： javascript angularjs

【解决方案1】：

您的 main.js 文件中似乎有错字。对于 $scope.columnDefs 的“cellTemplate”值，输入标签如下：

ng-change=\"toggleChecker(COL_FIELD)\"

但是，在脚本的后面，定义了以下内容：

$scope.toggleCheck = function(checked)

当我将 toggleCheck 重命名为 toggleChecker 时，它似乎同时执行了这两个功能。请检查。

【讨论】：

$scope.toggleChecker = function(checker) 我用的是 (checker) 而不是 (checked) 现在它可以工作了，谢谢......