选中复选框时在阵列上推送数据,并在取消选中复选框时删除数据

我从表中获取数据并显示为多重检查复选框.当我选中复选框时,将该数据推送到该特定复选框的数组上.但如果未选中,则应从数组中删除相应的数据.如何实现此目的？

HTML:

    
        
         {{data.status}}
    

使用Javascript:

Shashank Agr.. 5

这可以写成这样:

var app = angular.module('sa', []);
app.controller('FooCtrl', function($scope) {
  $scope.ids = [];

  $scope.filters = [{
    id: 1,
    status: false
  }, {
    id: 2,
    status: false
  }, {
    id: 3,
    status: false
  }]

  $scope.IfCheck = function(id, check) {
    if (check) {
      $scope.ids.push(id);
    } else {
      var index = $scope.ids.indexOf(id);
      $scope.ids.splice(index, 1);
    }
  };
});

  

    
      
       {{data.status}}
    
  

  Selected ids: {{ids}}

var app = angular.module('sa', []);
app.controller('FooCtrl', function($scope) {
  $scope.ids = [];

  $scope.filters = [{
    id: 1,
    status: false
  }, {
    id: 2,
    status: false
  }, {
    id: 3,
    status: false
  }]

  $scope.IfCheck = function(id, check) {
    if (check) {
      $scope.ids.push(id);
    } else {
      var index = $scope.ids.indexOf(id);
      $scope.ids.splice(index, 1);
    }
  };
});

  

    
      
       {{data.status}}
    
  

  Selected ids: {{ids}}