如何收集angular2中的复选框值？

Question

<input type="checkbox" name="something" *ngFor="#checkbox of checkboxes" value="checkbox.value">

我正在使用angular2。 我有很多名为“something”的复选框。 我想收集这些复选框的值。

Answer 1

有两种方法可以获取已选中复选框的值，这些复选框使用javascript并使用角度方法，如下所示： -

<!-- using javascript method -->

<div *ngFor='#checkk of arrayCheck'>
  <input type='checkbox' [id]="'check'+checkk.key11" (change)="updateChecked(checkk.key11)">{{checkk.key11}}
</div>

<!-- Using Angular's Method -->
<div *ngFor='#no of demo2'>
  <input type='checkbox'  (change)="updateChecked2(no,$event)">{{no}}
</div>

updateChecked2(value,event){
    if(event.target.checked){
      this.demoChk.push(value);
    }
    else if (!event.target.checked){
      let indexx = this.demoChk.indexOf(value);
      this.demoChk.splice(indexx,1);
    }
    console.log(this.demoChk)
  }

复选框值的工作示例 Working Plunker