动态创建的CheckBoxs在第二次单击时触发，而不是第一次单击

// 动态创建CheckBoxs
for (var i = 0; i < 5; i++) {
  var checkbox = document.createElement("input");
  checkbox.type = "checkbox";
  checkbox.id = "checkbox" + i;
  checkbox.value = "Checkbox " + i;
  document.body.appendChild(checkbox);
}

// 事件委托，将点击事件绑定到父元素上
document.body.addEventListener("click", function(event) {
  var target = event.target;
  if (target.type === "checkbox") {
    console.log("Checkbox clicked: " + target.value);
  }
});