javascript - 触发 onChange 时获取复选框状态

Question

我正在玩 Angular 和 Bootstrap。这个问题很琐碎。我的 html 中有输入元素

  <label><input  (change)="callFilt()"  type="checkbox" 
    value="">{{item.name}}</label> 

我想在我的 callFilt 方法中获取复选框的状态。我发现可以通过 ng-model 实现，但我不想在这里使用任何其他指令，有没有办法发送复选框的状态？

我不想在 js 代码中设置复选框的 ID 并通过 ID 获取状态。

Answer 1

您可以使用语法 #myInputVariabile 在标记中创建变量引用，并将其传递给函数 callFilt(checkInput)。像这样:

<label><input  (change)="callFilt(checkInput)"

#checkInput type="checkbox"value="">{{item.name}}

   callFilt(element) {
    console.log(element.checked)
  }