如何在单击另一个切换按钮时禁用Bootstrap切换按钮？

<button id="btn1" class="btn btn-primary" data-toggle="button" aria-pressed="false" autocomplete="off">按钮1</button>
<button id="btn2" class="btn btn-primary" data-toggle="button" aria-pressed="false" autocomplete="off">按钮2</button>

document.getElementById("btn1").addEventListener("click", function() {
  document.getElementById("btn2").classList.remove("disabled");
  document.getElementById("btn1").classList.add("disabled");
});

document.getElementById("btn2").addEventListener("click", function() {
  document.getElementById("btn1").classList.remove("disabled");
  document.getElementById("btn2").classList.add("disabled");
});

.disabled {
  pointer-events: none;
  opacity: 0.6;
}