选中另一个复选框时如何选中一个复选框？ [JavaScript]

Question

所以我有一个小表格，你可以在底部看到。而且我想知道如何制作一个 JavaScript 函数，例如，如果我选中复选框 3，它也会选中复选框 2 和 1。我已经在互联网上寻找了几个小时，大多数东西要么不想工作或涉及jQuery。我宁愿只使用 HTML/JavaScript。

感谢您抽出宝贵时间阅读本文！

<h3>HTML</h3>
    <label><input type="checkbox" name="html1" value="html1" id="html1"/><span class="label-text"></span></label>
    <label><input type="checkbox" name="html2" value="html2" id="html2"/><span class="label-text"></span></label>
    <label><input type="checkbox" name="html3" value="html3" id="html3"/><span class="label-text"></span></label>
    <label><input type="checkbox" name="html4" value="html4" id="html4"/><span class="label-text"></span></label>
    <label><input type="checkbox" name="html5" value="html5" id="html5"/><span class="label-text"></span></label>

Answer 1

<label><input onclick="onToggle()" type="checkbox" name="html3" value="html3" id="html3"/><span class="label-text"></span></label>

我认为你可以用普通的 Javascript 来做到这一点

function onToggle(){
       if (document.querySelector('#html3').checked) {
          // if checked
          console.log('checked');
          document.getElementById("html2").checked = true
          document.getElementById("html1").checked = true
        } else {
          // if unchecked
          console.log('unchecked');
        }
}