在单个方法上处理所有复选框事件

<input type="checkbox" id="checkbox1" class="checkbox">
<input type="checkbox" id="checkbox2" class="checkbox">
<input type="checkbox" id="checkbox3" class="checkbox">

document.addEventListener('change', function(event) {
  if (event.target.classList.contains('checkbox')) {
    // 复选框状态改变时的处理逻辑
    if (event.target.checked) {
      // 复选框被选中的处理逻辑
    } else {
      // 复选框取消选中的处理逻辑
    }
  }
});

switch (event.target.id) {
  case 'checkbox1':
    // 复选框1的处理逻辑
    break;
  case 'checkbox2':
    // 复选框2的处理逻辑
    break;
  case 'checkbox3':
    // 复选框3的处理逻辑
    break;
  default:
    // 默认处理逻辑
    break;
}