javascript - 如何知道复选框是否被选中？

Question

这是代码:

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

当我在控制台上打印 var 时，我得到了复选框“Blue”的value，但是如果我想得到 if复选框是否被选中？

我已经尝试过这个，但我得到未定义:

<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']"

您可以将其放入 Controller 中:

colors = {};

用户在复选框上输入后，对象的值将更新为如下内容:

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