如何在选中另一个复选框时取消选中？

<input type="checkbox" id="checkbox1" onclick="toggleCheckbox(this)">
<input type="checkbox" id="checkbox2" onclick="toggleCheckbox(this)">
<input type="checkbox" id="checkbox3" onclick="toggleCheckbox(this)">

<script>
function toggleCheckbox(checkbox) {
  if (checkbox.checked) {
    // 取消其他复选框的选中状态
    var checkboxes = document.querySelectorAll('input[type="checkbox"]');
    checkboxes.forEach(function(cb) {
      if (cb !== checkbox) {
        cb.checked = false;
      }
    });
  }
}
</script>

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

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
  $('input[type="checkbox"]').click(function() {
    if ($(this).prop('checked')) {
      // 取消其他复选框的选中状态
      $('input[type="checkbox"]').not(this).prop('checked', false);
    }
  });
});
</script>