チェックボックスがオンになっているかどうかを確認する方法？ここで

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