javascript - 通过js更新html中复选框的状态

Question

我希望在值更改时更新复选框。在这个简短的例子中，如果第二个复选框被选中，那么第一个复选框也应该被更新和选中。第一个复选框的功能仍应保持不变。我怎样才能做到这一点？

function onoff() {
  currentvalue = document.getElementById('onoff').value;
  if (currentvalue == "Off") {
    document.getElementById("onoff").value = "On";
    console.debug("OFF");
  } else {
    document.getElementById("onoff").value = "Off";
    console.debug("ON");
  }
}

function xy() {
  document.getElementById('onoff').value = "On";
  console.debug("xy");
}

<input type="checkbox" value="On" id="onoff" onclick="onoff();">
<input type="checkbox" value="Off" id="xy" onclick="xy();">

标签： javascripthtmlcheckboxauto-update