如何知道是否选中了复选框？

Question

以下是代码：

<input type="checkbox" value="Blue" (click)="var=$event.target.getAttribute('value')" />

当我在控制台上打印var时，我会获得复选框的value＆{39; Blue＆＃39;但是如果我想要选中复选框怎么办？

我试过这个，但我得到了undefined：

<input type="checkbox" value="Blue" (click)="var=$event.target.getAttribute('checked')" />

Answer 1

如果您想在键值对中存储每个输入的复选框的名称和值，ngModel是一个很好的工具。

如果您的HTML是这样的：

<input type="checkbox" value="Red" [(ngModel)]="colors['red']"
<input type="checkbox" value="Blue" [(ngModel)]="colors['blue']"

你可以将它放在控制器中：

colors = {};

用户在复选框上输入后，对象的值将更新为：

colors = {
    red: true,
    blue: false
};

Answer 2

这就是答案：

<input type="checkbox" value="Blue" (click)="var=$event.target.checked" />