我有几个复选框。其中一些是根据数据库中的数据默认选择的。用户可以取消选中选中的复选框或选中未选中的复选框。有没有办法只获取那些被切换的复选框值的列表（一旦用户最终决定要切换哪些复选框，这个列表可以在单击按钮时生成）？
<ul>
<li *ngFor="let file of files">
<input type="checkbox" ng-selected = "file.isPresent"> {{file.type}}
</li>
</ul>
<button (click)="getToggledCheckboxValues()"> Get Value </button>
如果文件已经存在，则默认选中复选框。
【问题讨论】：
标签： html angular typescript checkbox
我将根据files 的默认值创建第二个数组
toggledFiles = Array(this.files.length).fill(false);
然后像这样为每个复选框添加一个更改方法
<ul>
<li *ngFor="let file of files; let i = index">
<input type="checkbox" (change)="onChange($event,i)" [checked]="file.isPresent"> {{file.type}}
</li>
</ul>
最后，每次切换相应复选框的值时，只需切换新数组上的布尔值
onChange(event, index) {
this.toggledFiles[index] = !this.toggledFiles[index];
}
Here 是一个向您展示其工作原理的堆栈闪电战。
在示例中，我直接显示了每个复选框的切换，但您可以将其保留在数组中，并在您单击 getToggledCheckboxValues() 按钮时使用它。
您发表评论后的第二种方法（Stackblitz 也已编辑）
创建一个空数组并附加每个新的切换复选框。
onChange(event, index) {
const indexFound = this.toggledFiles.indexOf(index);
if (indexFound != -1) {
this.toggledFiles.splice(indexFound, 1);
} else {
this.toggledFiles.push(index);
}
}
如果您想让复选框在切换一次后保持切换状态，即使用户将值重置为已启动的值，只需删除if 条件并始终将索引推送到数组中
【讨论】：