javascript - 如果选中所有复选框，则启用提交按钮

Question

我正在以列表的形式从 Json 表中获取我的数据。提交按钮只有在选中所有复选框时才应启用。这是我的代码。HTML:

 <ol>
 <li  ng-repeat='box in Box.json'  id='box' >
 <input type="checkbox"  value='{{box.id}}'>{{box.name}}</li>
 </ol>

//Javascript:

 $scope.check=function(){
     return ($scope.check1 && $scope.check2 && $scope.check3)   
  }

上面的范围变量是每个

的 ng-models。但是由于数据是使用 ng-repeat 显示在列表中的，所以我无法为表中的每一行放置 ng-model .因此，返回语句无效，即使在选中所有复选框后，提交按钮也未启用。而且我不应该使用 Jquery。请帮助

Output

Answer 1

我只是直接调整您的 box 对象，然后将您的对象数组缩减为一个 bool 值，以查看是否所有复选框都被选中。

 <ol>
   <li  ng-repeat='box in Box.json'  id='box'>
     <input type="checkbox" ng-model="box.checked"> {{box.name}}
   </li>
 </ol>

还有你的检查功能。

$scope.check=function(){
  return $scope.Box.json.reduce(function(prev,value){
    if(!prev) return false;
    return value.checked && true || false;
  },true);
}