当一个按钮被选中时，如何取消选择其他按钮？

<button class="selectable-button">按钮1</button>
<button class="selectable-button">按钮2</button>
<button class="selectable-button">按钮3</button>

// 获取所有可选择的按钮
const buttons = document.querySelectorAll('.selectable-button');

// 监听按钮的点击事件
buttons.forEach(button => {
  button.addEventListener('click', () => {
    // 取消其他按钮的选择状态
    buttons.forEach(otherButton => {
      if (otherButton !== button) {
        otherButton.classList.remove('selected');
      }
    });

    // 添加或移除选择状态
    button.classList.toggle('selected');
  });
});