遍历div标签内的所有复选框

<div id="checkboxContainer">
  <input type="checkbox" id="checkbox1" value="1">
  <input type="checkbox" id="checkbox2" value="2">
  <input type="checkbox" id="checkbox3" value="3">
</div>

<script>
  // 获取包含所有复选框的div元素
  var checkboxDiv = document.getElementById("checkboxContainer");

  // 获取div内的所有复选框元素
  var checkboxes = checkboxDiv.querySelectorAll("input[type='checkbox']");

  // 遍历复选框元素列表
  checkboxes.forEach(function(checkbox) {
    // 执行相应的操作，例如获取复选框的值和状态
    console.log("复选框值：" + checkbox.value);
    console.log("复选框是否选中：" + checkbox.checked);
  });
</script>