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

标签 jquery checkbox data-binding angular two-way

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

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

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

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

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

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

这是最好的选择吗? 是否有与以下 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(_ => { ... })

关于jquery - Angular2如何获取所有选中的复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34219199/

相关文章:

java - 如何使用复选框将应用程序静音/取消静音

android - 如何让一个选项淡出但仍然可以在 Android Studio 上点击?

.net - 编辑对话框,带有 WPF 中的绑定(bind)和确定/取消

c# - Silverlight 中的数据绑定(bind)进度条值和最大值

javascript 添加 aria 属性

javascript - Bootstrap 表单不会在点击时提交

css - 添加一个 :checked pseudo class to an embedded mailchimp form

c# - 通过绑定(bind)在 TextBlock 中创建超链接

jquery - 无法在 jquery UI 对话框中设置输入字段的值

javascript - 同时运行两个 jQuery 函数