如何知道复选框是否被选中

How to know if a checkbox is checked?

本文关键字：是否 何知道 复选框      更新时间：2023-09-26

代码如下:

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

当我在控制台上打印var时，我得到复选框' Blue '的value，但是如果我想得到复选框是否被选中，该怎么办?

我已经试过了，但我得到undefined:

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

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

如果你的html像这样:

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

你可以把它放在控制器中:

colors = {};

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

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

这就是答案:

<input type="checkbox" value="Blue" (click)="var=$event.target.checked" />
相关文章：