如何在Angular上基于类检查一组复选框?

时间:2018-08-01 08:12:31

标签: jquery angular

我想检查一组带有特定角度类的复选框。

<input type="checkbox" checked="checked" [(ngModel)]="check_box.view_all" 
class="chk">
<input type="checkbox" checked="checked" [(ngModel)]="check_box.add_all" 
class="chk">
<input type="checkbox" checked="checked" (change)="OnCheckBoxAllChange($event)"
[(ngModel)]="check_box.all" class="chk" id="check_all">

打字稿:

check_box: any = {};
OnCheckBoxAllChange(eve: any) {
    if (this.check_box.all) {
      this.check_box.view_all = true;
      this.check_box.add_all = true;          
    } else {
      this.check_box.view_all = false;
      this.check_box.add_all = false;          
    }
  }

我该如何在类中执行此操作,就像在jquery中一样:

if ($('#check_all').is(':checked')) {
    $('.chk').prop('checked', 'checked');
} else {
    $('.chk').removeAttr('checked')
}

0 个答案:

没有答案