如何触发复选框单击并提取相应的值？

Question

我有[value，checkbox]对，具有以下结构

<tr *ngFor="let element of elements">
  <td>{{ element.id }}</td>

  <td>
    <label class='checkbox'>
      <input type='checkbox'>
    </label>
  </td>
</tr>

如何点击复选框然后捕获相应的值，以便将其作为参数发送给服务器？

提前致谢。

Answer 1

只需使用函数将数组迭代值传递给服务器，就像这样。

<tr *ngFor="let element of elements">
  <td>{{ element.id }}</td>

  <td>
    <label class='checkbox'>
      <input type='checkbox' (click)='getValue(element)'>
    </label>
  </td>
</tr>

function getValue(value){
   console.log(value);
}

Answer 2

只需监听事件并在发生时调用回调函数。

<label class='checkbox'>
  <input type='checkbox' (click)="send($event.currentTarget.checked)"> Click Me!
</label>

Demo