如何存储多个复选框的变量，以便在同一个网页上使用？

// HTML
<input type="checkbox" id="checkbox1">
<input type="checkbox" id="checkbox2">

// JavaScript
var checkbox1 = document.getElementById("checkbox1");
var checkbox2 = document.getElementById("checkbox2");
var checkboxes = {};  // 存储选中的复选框的值

checkbox1.addEventListener("change", function() {
  checkboxes.checkbox1 = checkbox1.checked;
});

checkbox2.addEventListener("change", function() {
  checkboxes.checkbox2 = checkbox2.checked;
});

// 使用选中的复选框的值
console.log(checkboxes);

<form id="checkboxForm">
  <input type="checkbox" name="checkbox1" value="value1"> Checkbox 1
  <input type="checkbox" name="checkbox2" value="value2"> Checkbox 2
  <button type="submit">Submit</button>
</form>

<script>
document.getElementById("checkboxForm").addEventListener("submit", function(event) {
  event.preventDefault();  // 阻止表单提交

  var checkboxes = {};
  var formElements = this.elements;

  for (var i = 0; i < formElements.length; i++) {
    var element = formElements[i];

    if (element.type === "checkbox" && element.checked) {
      checkboxes[element.name] = element.value;
    }
  }

  // 使用选中的复选框的值
  console.log(checkboxes);
});
</script>