如何检查复选框是否已选中angular2 [英] How to check is checkbox is checked angular2

问题描述

我要检查的是if和else语句中的复选框处于选中状态还是未选中状态.

I want to check is checkbox is checked or unchecked in an if and else statement.

<md-checkbox id="mon" (change)="mon($event)" [checked]="true">Checked</md-checkbox>



mon(e){
    if(e.target.checked){
      console.log("This is checked")
    } else {
      console.log("unchecked");
    }
  }

我认为我做错了.我一直无法得到未定义的检查.如何做到这一点?

I think I am doing it really wrong. I keep getting can't get checked of undefined. How is the way to do this?

推荐答案

我们可以查看材料复选框的源代码:

We can look at source code of material checkbox:

event.source = this;
event.checked = this.checked;

this._controlValueAccessorChangeFn(this.checked);
this.change.emit(event);

https://github.com/angular/material2/blob/2.0.0-alpha.11/src/lib/checkbox/checkbox.ts#L288-L292

所以您可以这样做:

mon(e){
  if(e.checked){
    console.log("This is checked")
  } else {
    console.log("unchecked");
  }
}

这篇关于如何检查复选框是否已选中angular2的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！