jquery - Angular2如何获取所有选中的复选框

Question

所以我正在开发 Angular2 应用程序。我有一张表，其中每条记录代表一个学生并包含一个复选框

<input class="mycheckbox" type="checkbox" [value]='student.StudentId'>

在某些时候，用户将单击需要获取所有选中复选框的值的按钮。

我不确定我应该向谁提出这个问题。

一个想法是，每个学生都有一个值“checked or not”。而这必须通过双向绑定(bind)来完成。

但是这意味着每次你都必须遍历所有学生

这是最好的选择吗？是否有与以下 JQuery 匹配的内容:

$('.mycheckbox:checked').each(function(){

Answer 1

我最近回答了一个类似的问题:https://stackoverflow.com/a/34142740/215945

您可以在模板中执行以下操作:

<input class="mycheckbox" type="checkbox" [(ngModel)]="student.selected">{{student.StudendId}}

然后，对选定的学生做一些事情:

this.students.filter(_ => _.selected).forEach(_ => { ... })