获取复选框中所有已勾选项目的值

<form id="myForm">
  <input type="checkbox" id="checkbox1" value="value1"> Option 1<br>
  <input type="checkbox" id="checkbox2" value="value2"> Option 2<br>
  <input type="checkbox" id="checkbox3" value="value3"> Option 3<br>
  <input type="checkbox" id="checkbox4" value="value4"> Option 4<br>
</form>

// 获取表单元素
var form = document.getElementById("myForm");

// 获取所有复选框元素
var checkboxes = form.getElementsByTagName("input");

// 创建一个空数组来存储已勾选的值
var selectedValues = [];

// 遍历复选框元素
for (var i = 0; i < checkboxes.length; i++) {
  // 检查复选框是否被选中
  if (checkboxes[i].checked) {
    // 将已勾选的值添加到数组中
    selectedValues.push(checkboxes[i].value);
  }
}

// 打印已勾选的值
console.log(selectedValues);