如何在单击复选框时显示多个div

<input type="checkbox" id="checkbox1">复选框1
<input type="checkbox" id="checkbox2">复选框2

<div id="div1" style="display: none;">显示的div1内容</div>
<div id="div2" style="display: none;">显示的div2内容</div>

// 获取复选框和div元素的引用
var checkbox1 = document.getElementById("checkbox1");
var checkbox2 = document.getElementById("checkbox2");
var div1 = document.getElementById("div1");
var div2 = document.getElementById("div2");

// 监听复选框的点击事件
checkbox1.addEventListener("click", function() {
  // 检查复选框的状态
  if (checkbox1.checked) {
    // 显示div1
    div1.style.display = "block";
  } else {
    // 隐藏div1
    div1.style.display = "none";
  }
});

checkbox2.addEventListener("click", function() {
  // 检查复选框的状态
  if (checkbox2.checked) {
    // 显示div2
    div2.style.display = "block";
  } else {
    // 隐藏div2
    div2.style.display = "none";
  }
});