如何知道複選框是否被選中？

Question

下面是代碼：

<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')" /> 

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" />