从复选框组中获取值并在数组中添加/删除这些值

<form id="myForm">
  <input type="checkbox" id="option1" value="value1">
  <label for="option1">Option 1</label><br>
  <input type="checkbox" id="option2" value="value2">
  <label for="option2">Option 2</label><br>
  <input type="checkbox" id="option3" value="value3">
  <label for="option3">Option 3</label><br>
</form>

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

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

// 监听复选框的变化事件
form.addEventListener("change", function(event) {
  var targetCheckbox = event.target;
  
  // 检查复选框是否被选中
  if (targetCheckbox.checked) {
    // 将选中的值添加到数组中
    selectedValues.push(targetCheckbox.value);
  } else {
    // 从数组中删除取消选中的值
    var index = selectedValues.indexOf(targetCheckbox.value);
    if (index > -1) {
      selectedValues.splice(index, 1);
    }
  }
});

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