如何在表格行中的更改复选框上运行时停止重叠单击？

// 获取所有表格行
var rows = document.querySelectorAll('tr');

// 遍历每一行
rows.forEach(function(row) {
  // 获取当前行中的复选框
  var checkbox = row.querySelector('input[type="checkbox"]');

  // 监听复选框的点击事件
  checkbox.addEventListener('click', function() {
    // 检查复选框是否已经被选中
    if (checkbox.checked) {
      // 禁用其他行中的复选框
      rows.forEach(function(otherRow) {
        var otherCheckbox = otherRow.querySelector('input[type="checkbox"]');
        if (otherCheckbox !== checkbox) {
          otherCheckbox.disabled = true;
        }
      });
    } else {
      // 启用其他行中的复选框
      rows.forEach(function(otherRow) {
        var otherCheckbox = otherRow.querySelector('input[type="checkbox"]');
        if (otherCheckbox !== checkbox) {
          otherCheckbox.disabled = false;
        }
      });
    }
  });
});