点击表单多选按钮后触发表单全部验证

可以使用 JavaScript 监听多选按钮的点击事件，然后在点击事件中触发表单的验证。以下是一个简单的示例代码：

<form id="myForm">
  <input type="checkbox" name="option1" value="1">Option 1<br>
  <input type="checkbox" name="option2" value="2">Option 2<br>
  <input type="checkbox" name="option3" value="3">Option 3<br>
  <button type="button" id="submitBtn">Submit</button>
</form>

<script>
  const form = document.getElementById('myForm');
  const submitBtn = document.getElementById('submitBtn');

  submitBtn.addEventListener('click', () => {
    form.reportValidity();
  });
</script>

在这个示例中，我们首先获取了表单和提交按钮的 DOM 元素。然后，我们使用 `addEventListener` 方法在提交按钮上监听 `click` 事件。当用户点击提交按钮时，我们调用表单的 `reportValidity` 方法来触发表单的验证。这个方法会验证表单中所有输入元素的有效性，并在必要时显示相关错误信息。如果表单验证通过，则返回 `true`，否则返回 `false`。