如何在单击提交按钮时获取复选框值？

<form id="myForm">
  <input type="checkbox" id="checkbox1" name="checkboxes" value="value1">
  <label for="checkbox1">选项1</label><br>
  <input type="checkbox" id="checkbox2" name="checkboxes" value="value2">
  <label for="checkbox2">选项2</label><br>
  <input type="checkbox" id="checkbox3" name="checkboxes" value="value3">
  <label for="checkbox3">选项3</label><br>
  <button type="button" onclick="getCheckboxValues()">提交</button>
</form>

function getCheckboxValues() {
  var checkboxes = document.querySelectorAll('input[name="checkboxes"]:checked');
  var values = [];
  for (var i = 0; i < checkboxes.length; i++) {
    values.push(checkboxes[i].value);
  }
  console.log(values); // 在控制台输出选中的复选框值
}

<button type="button" onclick="getCheckboxValues()">提交</button>