如何在页面加载时读取复选框数据属性值

<input type="checkbox" data-value="1"> Option 1
<input type="checkbox" data-value="2"> Option 2
<input type="checkbox" data-value="3"> Option 3

document.addEventListener("DOMContentLoaded", function() {
  var checkboxes = document.querySelectorAll('input[type="checkbox"]');
  // 遍历复选框元素
  checkboxes.forEach(function(checkbox) {
    // 读取数据属性值
    var value = checkbox.dataset.value;
    console.log(value);
  });
});