如何使复选框的行为类似于使用相同名称的单选按钮

// 获取所有复选框和单选按钮元素
var checkboxes = document.querySelectorAll('input[type="checkbox"]');
var radios = document.querySelectorAll('input[type="radio"]');

// 为复选框添加点击事件监听器
checkboxes.forEach(function(checkbox) {
  checkbox.addEventListener('click', function() {
    // 如果复选框被选中，则取消所有单选按钮的选中状态
    if (this.checked) {
      radios.forEach(function(radio) {
        radio.checked = false;
      });
    }
  });
});

// 为单选按钮添加点击事件监听器
radios.forEach(function(radio) {
  radio.addEventListener('click', function() {
    // 如果单选按钮被选中，则取消所有复选框的选中状态
    if (this.checked) {
      checkboxes.forEach(function(checkbox) {
        checkbox.checked = false;
      });
    }
  });
});