如何在仅选中一个复选框后禁用复选框选项？

<input type="checkbox" class="checkbox">选项1
<input type="checkbox" class="checkbox">选项2
<input type="checkbox" class="checkbox">选项3
<input type="checkbox" class="checkbox">选项4

// 获取所有复选框选项
var checkboxes = document.getElementsByClassName('checkbox');

// 监听change事件
for (var i = 0; i < checkboxes.length; i++) {
  checkboxes[i].addEventListener('change', function() {
    // 判断选中的复选框状态
    if (this.checked) {
      // 选中时禁用其他复选框选项
      for (var j = 0; j < checkboxes.length; j++) {
        if (checkboxes[j] !== this) {
          checkboxes[j].disabled = true;
        }
      }
    } else {
      // 取消选中时取消禁用其他复选框选项
      for (var j = 0; j < checkboxes.length; j++) {
        if (checkboxes[j] !== this) {
          checkboxes[j].disabled = false;
        }
      }
    }
  });
}