angular - 如何以编程方式设置或重置复选框

Question

目的:当选中或取消选中某个特定复选框时，程序必须根据编程规则更改许多其他复选框。

<input type="checkbox" id="chkbox" (change)="onChangeChk($event)">Test Checkbox

  onChangeChk($event) {
    $event.srcElement.value = "on"; // or "off"
  }

无论 onChangeChk 如何设置，复选框都保持其原始状态。

感谢您对此的帮助。:-)

Answer 1

您可以将输入元素的 checked 属性指定为 true 或 false。

像这样:

onChangeChk($event) {
    $event.srcElement.checked = true; // or false
}

另请参阅此处:https://www.w3schools.com/jsref/prop_checkbox_checked.asp