JavaScript はクリックしてすべて選択機能を実装します

<form id="myForm">
  <label><input type="checkbox" name="option1" value="option1">Option 1</label> <br>
  <label><input type="checkbox" name="option2" value="option2">Option 2</label> <br>
  <label><input type="checkbox" name="option3" value="option3">Option 3</label> <br>
  <label><input type="checkbox" name="option4" value="option4">Option 4</label> <br>
  <label><input type="checkbox" name="option5" value="option5">Option 5</label> <br>
  <button type="button" onclick="selectAll()">Select All</button>
</form>

function selectAll() {
  // 获取表单元素
  var form = document.getElementById('myForm');
  // 获取所有复选框元素
  var checkboxes = form.querySelectorAll('input[type="checkbox"]');
  // 循环遍历所有复选框元素
  for (var i = 0; i < checkboxes.length; i++) {
    // 设置所有复选框为选中状态
    checkboxes[i].checked = true;
  }
}

function selectAll(formId) {
  // 获取表单元素
  var form = document.getElementById(formId);
  if (form) {
    // 获取所有复选框元素
    var checkboxes = form.querySelectorAll('input[type="checkbox"]');
    // 循环遍历所有复选框元素
    for (var i = 0; i < checkboxes.length; i++) {
      // 设置所有复选框为选中状态
      checkboxes[i].checked = true;
    }
  }
}