如何在按下另一个按钮之前更改按钮状态？

<button id="button1" onclick="changeButtonState()">按钮1</button>
<button id="button2" onclick="changeButtonState()">按钮2</button>

function changeButtonState() {
  var button1 = document.getElementById("button1");
  var button2 = document.getElementById("button2");
  
  // 检查按钮1的状态
  if (button1.disabled) {
    // 启用按钮1，禁用按钮2
    button1.disabled = false;
    button2.disabled = true;
  } else {
    // 启用按钮2，禁用按钮1
    button1.disabled = true;
    button2.disabled = false;
  }
}

button:disabled {
  background-color: gray;
  cursor: not-allowed;
}