设置bootstrap按钮组切换选中状态

要在Bootstrap按钮组中切换选中状态，可以使用JavaScript来实现。具体来说，你可以在按钮上添加一个点击事件监听器，在点击事件中，切换按钮的 `active` 类。

下面是一个示例：

<div class="btn-group" id="myBtnGroup">
  <button type="button" class="btn btn-primary active">选项一</button>
  <button type="button" class="btn btn-primary">选项二</button>
  <button type="button" class="btn btn-primary">选项三</button>
</div>

<script>
  // 获取按钮组元素
  var btnGroup = document.getElementById("myBtnGroup");
  
  // 获取所有按钮元素
  var btns = btnGroup.getElementsByTagName("button");

  // 给每个按钮添加点击事件监听器
  for (var i = 0; i < btns.length; i++) {
    btns[i].addEventListener("click", function() {
      // 切换按钮的 active 类
      this.classList.toggle("active");
    });
  }
</script>

在上面的示例中，我们首先通过 `getElementById` 方法获取按钮组元素，然后通过 `getElementsByTagName` 方法获取所有按钮元素。接着，我们使用一个循环来为每个按钮添加点击事件监听器，在监听器中，使用 `classList.toggle` 方法来切换按钮的 `active` 类。这样，每当用户点击一个按钮时，它的选中状态就会切换。