javascript - 一次切换一个按钮 Bootstrap

Question

过去一个小时我一直在玩这个，但似乎不知道如何一次切换一个按钮。还尝试将按钮更改为不同的颜色，因此如果我单击button1，它就会切换。如果我然后单击按钮2，则按钮1 取消切换，按钮2 切换。这是我到目前为止所拥有的

<div class="Demo-boot" style="padding:30px;">
 <button type="button" class="btn btn-primary" data-toggle="button">Button1</button>
       <button type="button" class="btn btn-primary" data-toggle="button">Button2</button>
  </div>

这是在行动: http://www.bootply.com/MaxkTJs3HH

Answer 1

您需要将其设置在如下按钮组中::

<div class="btn-group" data-toggle="buttons">
  <label class="btn btn-primary active">
    <input type="radio" name="options" id="option1" autocomplete="off" checked> Button 1
  </label>
  <label class="btn btn-primary">
    <input type="radio" name="options" id="option2" autocomplete="off"> Button 2
  </label>
</div>