javascript - 从 AngularJS 中的多个复选框获取值

Question

以下是我的代码，我在其中尝试获取选定的多个复选框的值，但有些它不起作用。让我知道我在这里做错了什么，顺便说一句，列表是动态的，不会只包含数组中的 3 个项目。

我的 Plnkr - PLNKR CODE

HTML -

    <table>
    <tr ng-repeat="student in studentList">
   <td ng-bind="$index + 1"></td>
   <td ng-bind="student.email"></td>
   <td ng-bind="student.fname"></td>
   <td ng-bind="student.lname"></td>
   <td>
    <input type="checkbox" ng-model="studcheck" ng-value="$index" />
   </td>
</tr>
</table>
{{studcheck}}

Controller 代码 -

var myApp = angular.module('myApp', []);

myApp.controller('mainCtrl', function($scope){
  $scope.studentList = [
    {email: 'test1@gmail.com', fname: 'Test1', lname: 'Last1' },
    {email: 'test2@gmail.com', fname: 'Test2', lname: 'Last2' },
    {email: 'test3@gmail.com', fname: 'Test3', lname: 'Last3' },
  ];

  $scope.studcheck = {};
});

Answer 1

您不能在同一模型上多次使用 ng-model，但这里只需指定 key 就可以了:

<input type="checkbox" ng-model="studcheck[$index]" ng-value="$index" />

如果您想更新 student 模型以了解其是否已检查，您可以尝试使用 ng-change:

<input type="checkbox" ng-model="studcheck[$index]" ng-value="$index" ng-change="student.checked = !student.checked" />