如何存儲復選框的結果true / false

Question

我有大量的復選框，默認情況下已選中。 如果用戶取消選中它，那么應該存儲它的值。 怎么做？ 在這里，我為所有已檢查的元素提供代碼。

$scope.isAllRecordSelected = function(record) {
  var checked = false;
  for (var i = 0; i < $scope.users.length; i++) {
    if (record === $scope.users[i]) {
      checked = true;

      $scope.users[i].selected = checked;
    }


  }
  return checked;
};

html：

<div ng-repeat="record in users">
  <div class="col-md-2 col-sm-2 col-xs-2">
    <label>
      <input type="checkbox" ng-model="isAllSelected"                          
              ng-change="userSelectedToggle()"             
              ng-checked="isAllRecordSelected(record)">             
    </label>
  </div>
  <div class="col-md-6 col-sm-6 col-xs-6">
    <div class="text-overflow">
      <span ng-model="record.dispalyName">  
             {{record.displayName}}</span>
    </div>
  </div>
  <div class="col-md-4 col-sm-4 col-xs-4">
    <span ng-model="record.mobile">  {{record.mobile}}</span>
  </div>
</div>                                   

Answer 1

您的用戶數組中已經有一個名為selected的鍵，該鍵將跟蹤已選中/未選中的值。 默認情況下，您必須在頁面加載時調用isAllRecordSelected() ，以便選中每個復選框。 現在，您可以根據選擇鍵保留選中/未選中復選框的計數。

HTML ：

 <div ng-repeat="record in users">
  <div class="col-md-2 col-sm-2 col-xs-2">
    <label>
      <input type="checkbox" ng-model="isAllSelected"                          
              ng-change="userSelectedToggle($index)"             
              ng-checked="record.selected ">             
    </label>
  </div>
  <div class="col-md-6 col-sm-6 col-xs-6">
    <div class="text-overflow">
      <span ng-model="record.dispalyName">  
             {{record.displayName}}</span>
    </div>
  </div>
  <div class="col-md-4 col-sm-4 col-xs-4">
    <span ng-model="record.mobile">  {{record.mobile}}</span>
  </div>
</div>   

JS ：

$scope.isAllRecordSelected = function() {
    for (var i = 0; i < $scope.users.length; i++) {
        $scope.users[i].selected = true;
    }
}
$scope.userSelectedToggle = function(index) {
    if ($scope.users[index].selected)
        $scope.users[index].selected = false;
    else
        $scope.users[index].selected = true;
}
$scope.isAllRecordSelected();//initialise all checkbox as checked