Javascript 嵌套的Check all和UnCheck all模型应该使用angularjs反映在JSON中

我必须使用angular Js在我的web应用程序中实现嵌套的全选和取消全选。我正在努力实现这些东西，它的modelscheckall、unCheckall、sub-checks应该在json中更新。如何实现它。提前谢谢

angular.moduleapp，[].controllerctrl，函数$scope{ $scope.options=[{ 值：'检查所有1'， 选择：false， 子列表：[{ 子选择：错误， id:1， 值：检查_1 }, { 子选择：错误， id:2， 值：勾选2 }] }, { 值：'检查所有2'， 选择：false， 子列表：[{ 子选择：错误， id:3， 值：检查_1 }, { 子选择：错误， id:4， 值：勾选2 }] }]; }; 全部检查 {{sub.value}} {{options}} 试试这个：

 <div class="pull-left">
        <a  ng-click='checkAll()'>All</a>  &nbsp;|&nbsp;
        <a  ng-click='uncheckAll()'>None</a> &nbsp; &nbsp; 
 </div>
 <input  type="checkbox" ng-model="data.selectedRecord" />
  $scope.checkAll = function () {
        $scope.checkList = [];
        angular.forEach($scope.checkList, function (data){
            data.selectedRecord = true;
            $scope.checkList.push(data.id);
        });
    }
    $scope.uncheckAll = function () {
        angular.forEach($scope.checkList, function (data) {
            $scope.checkList = [];
            data.selectedRecord = false;
        });
    }

我也在使用它。它对我有用。

试试这个：

 <div class="pull-left">
        <a  ng-click='checkAll()'>All</a>  &nbsp;|&nbsp;
        <a  ng-click='uncheckAll()'>None</a> &nbsp; &nbsp; 
 </div>
 <input  type="checkbox" ng-model="data.selectedRecord" />
  $scope.checkAll = function () {
        $scope.checkList = [];
        angular.forEach($scope.checkList, function (data){
            data.selectedRecord = true;
            $scope.checkList.push(data.id);
        });
    }
    $scope.uncheckAll = function () {
        angular.forEach($scope.checkList, function (data) {
            $scope.checkList = [];
            data.selectedRecord = false;
        });
    }

我也在使用它。它对我有效。

实现以下功能：

$scope.toggleAll = function(option) {
    angular.forEach(option.subList, function(value, key) {
        value.subSelect = option.selected;
    });
};

$scope.optionToggled = function(option) {
    var flag = true;
    angular.forEach(option.subList, function(value, key) {
      flag = flag && value.subSelect; 
    });
    option.selected = flag;
};

并实现选项如下所示：

$scope.toggleAll = function(option) {
    angular.forEach(option.subList, function(value, key) {
        value.subSelect = option.selected;
    });
};

$scope.optionToggled = function(option) {
    var flag = true;
    angular.forEach(option.subList, function(value, key) {
      flag = flag && value.subSelect; 
    });
    option.selected = flag;
};

请注意：

现在在ngChange上调用toggleAll。 当前选项作为输入参数传递给toggall和optionToggled。 angular.moduleapp，[].controllerctrl，函数$scope{ $scope.options=[{ 值：'检查所有1'， 选择：false， 子列表：[{ 子选择：错误， id:1， 值：检查_1 }, { 子选择：错误， id:2， 值：勾选2 }] }, { 值：'检查所有2'， 选择：false， 子列表：[{ 子选择：错误， id:3， 值：检查_1 }, { 子选择：错误， id:4， 值：勾选2 }] }]; $scope.toggleAll=functionoption{ angular.forEachoption.subList，函数值，键{ value.subSelect=option.select； }; }; $scope.optionToggled=functionoption{ var标志=真； angular.forEachoption.subList，函数值，键{ flag=flag&&value.subSelect； }; option.selected=标志； }; }; 全部检查 {{sub.value}} {{options}} 实现toggall如下所示：

$scope.toggleAll = function(option) {
    angular.forEach(option.subList, function(value, key) {
        value.subSelect = option.selected;
    });
};

$scope.optionToggled = function(option) {
    var flag = true;
    angular.forEach(option.subList, function(value, key) {
      flag = flag && value.subSelect; 
    });
    option.selected = flag;
};

并实现选项如下所示：

$scope.toggleAll = function(option) {
    angular.forEach(option.subList, function(value, key) {
        value.subSelect = option.selected;
    });
};

$scope.optionToggled = function(option) {
    var flag = true;
    angular.forEach(option.subList, function(value, key) {
      flag = flag && value.subSelect; 
    });
    option.selected = flag;
};

请注意：

现在在ngChange上调用toggleAll。 当前选项作为输入参数传递给toggall和optionToggled。 angular.moduleapp，[].controllerctrl，函数$scope{ $scope.options=[{ 值：'检查所有1'， 选择：false， 子列表：[{ 子选择：错误， id:1， 值：检查_1 }, { 子选择：错误， id:2， 值：勾选2 }] }, { 值：'检查所有2'， 选择：false， 子列表：[{ 子选择：错误， id:3， 值：检查_1 }, { 子选择：错误， id:4， 值：勾选2 }] }]; $scope.toggleAll=functionoption{ angular.forEachoption.subList，函数值，键{ value.subSelect=option.select； }; }; $scope.optionToggled=functionoption{ var标志=真； angular.forEachoption.subList，函数值，键{ flag=flag&&value.subSelect； }; option.selected=标志； }; }; 全部检查 {{sub.value}} {{options}} 工作附件。 代码在这里

$scope.toggleAll = function(index, torf){
    $scope.options[index].subList.forEach(function(val){
      val.subSelect = torf;
    });
  };
  $scope.optionToggled = function(id){
    $scope.options.forEach(function(val) {
      if(val.id == id){var isTrue = true;
      var isFalse = false;
        val.subList.forEach(function(val1) {
      if(!val1.subSelect||!isTrue)
        isTrue = false;

        if(val1.subSelect||isFalse)
      isFalse = true;
    });
    if(isTrue){
      val.selected = true;
    }else{
      val.selected = false;
    }
      }

    });
  };

工作附件。 代码在这里

$scope.toggleAll = function(index, torf){
    $scope.options[index].subList.forEach(function(val){
      val.subSelect = torf;
    });
  };
  $scope.optionToggled = function(id){
    $scope.options.forEach(function(val) {
      if(val.id == id){var isTrue = true;
      var isFalse = false;
        val.subList.forEach(function(val1) {
      if(!val1.subSelect||!isTrue)
        isTrue = false;

        if(val1.subSelect||isFalse)
      isFalse = true;
    });
    if(isTrue){
      val.selected = true;
    }else{
      val.selected = false;
    }
      }

    });
  };

---

感谢您的回答，但是如何在我检查所有子检查时自动启用Checkall？感谢您的回答，但是如何在我检查所有子检查时自动启用Checkall？