how to programmatically set or reset checkbox

Question

Purpose: when a particular checkbox is checked or unchecked, the program must change a number of other checkboxes according to programmed rules.

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

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

The checkbox remains in its original state no matter how the onChangeChk sets it.

Thanks for you help on this. :-)

Answer 1

You can assign the checked property of your input element to true or false.

Like so:

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

See also here : https://www.w3schools.com/jsref/prop_checkbox_checked.asp