如何为动态添加的复选框创建onclick事件？(Javascript)

var checkboxes = document.querySelectorAll('input[type="checkbox"]');

checkboxes.forEach(function(checkbox) {
  checkbox.onclick = function() {
    // 复选框点击事件的处理逻辑
  };
});

checkbox.onclick = function() {
  if (checkbox.checked) {
    // 复选框被选中时的处理逻辑
  } else {
    // 复选框取消选中时的处理逻辑
  }
};

var checkboxes = document.querySelectorAll('input[type="checkbox"]');
checkboxes.forEach(function(checkbox) {
  checkbox.onclick = function() {
    if (checkbox.checked) {
      // 复选框被选中时的处理逻辑
    } else {
      // 复选框取消选中时的处理逻辑
    }
  };
});