如何从动态复选框集中选择单个复选框

<div id="checkboxContainer">
  <input type="checkbox" id="checkbox1" value="1">选项1
  <input type="checkbox" id="checkbox2" value="2">选项2
  <input type="checkbox" id="checkbox3" value="3">选项3
</div>

<script>
  var checkboxContainer = document.getElementById("checkboxContainer");
  var checkboxes = checkboxContainer.getElementsByTagName("input");

  for (var i = 0; i < checkboxes.length; i++) {
    checkboxes[i].addEventListener("click", function() {
      if (this.checked) {
        // 取消其他复选框的选中状态
        for (var j = 0; j < checkboxes.length; j++) {
          if (checkboxes[j] !== this) {
            checkboxes[j].checked = false;
          }
        }
      }
    });
  }
</script>