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

阿卜杜拉曼·舒曼

所以我正在研究Angular2应用程序。我有一张桌子,其中每条记录代表一个学生,并包括一个复选框

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

有时,用户将单击需要获取所有选定复选框的值的按钮。

我不确定应该由谁解决。

一种想法是,每个学生都将具有被选中或未选中的值。这必须通过双向绑定来完成。

但是,这意味着您每次必须要遍历所有学生

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

$('.mycheckbox:checked').each(function(){
马克·拉杰科克

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

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

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

然后,对选定的学生执行以下操作:

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何取消选中angular2中的复选框

来自分类Dev

Angular 2复选框选中所有

来自分类Dev

Angular 2复选框选中所有

来自分类Dev

选中所有子复选框后,如何选中“全选”复选框?

来自分类Dev

Angular2 复选框 - 取消选中事件

来自分类Dev

获取所有选中复选框的列表

来自分类Dev

获取div中所有选中复选框的ID

来自分类Dev

获取所有选中的复选框值

来自分类Dev

获取所有选中的复选框 javascript 或 jquery

来自分类Dev

Angular.js:选中所有复选框

来自分类Dev

Angular:如何取消选中带有链接的所有复选框?

来自分类Dev

Angular:如何取消选中带有链接的所有复选框?

来自分类Dev

如何检查所有复选框是否均已选中

来自分类Dev

如何触发选中所有复选框?

来自分类Dev

如何检查所有复选框是否都未选中

来自分类Dev

如何选中checkedListBox wpfToolkit中的所有复选框

来自分类Dev

如何从ASP.NET MVC的多个分页中获取所有选中的复选框?

来自分类Dev

如何在jQuery数据表的多个页面上获取所有选中的复选框

来自分类Dev

如何以选中其复选框的数组形式获取所有名称

来自分类Dev

如何在剃须刀中获取所有选中的复选框

来自分类Dev

如何使用 jquery/javascript 获取选中复选框的所有值?

来自分类Dev

选中所有复选框

来自分类Dev

选中所有复选框

来自分类Dev

显示所有选中的复选框

来自分类Dev

选中所有复选框

来自分类Dev

选中所有复选框

来自分类Dev

如何获取未选中的复选框

来自分类Dev

如何实现Jquery复选框选中全部/取消选中带有复选框的所有功能?

来自分类Dev

获取具有选中和未选中状态的所有复选框的列表

Related 相关文章

热门标签

归档