打开和关闭复选框，控制台记录所选复选框的id。我该怎么做呢？

<form id="checkboxForm">
  <input type="checkbox" id="checkbox1">
  <input type="checkbox" id="checkbox2">
  <input type="checkbox" id="checkbox3">
  <!-- 其他复选框... -->
</form>

// 获取表单元素
const form = document.getElementById('checkboxForm');

// 监听复选框状态变化
form.addEventListener('change', function(event) {
  // 检查事件目标是否为复选框
  if (event.target.type === 'checkbox') {
    const checkboxId = event.target.id; // 获取复选框的id
    const isChecked = event.target.checked; // 获取复选框的选中状态

    // 根据需要进行相应的操作，例如打印到控制台
    console.log(`复选框 ${checkboxId} 的选中状态为 ${isChecked}`);
  }
});