twitter 引导按钮切换不起作用

Question

我有 bootstrap-button.js 并有这个标记，但是当我点击按钮时，它不会切换它以显示它已被点击。关于缺少什么的任何提示？

<div class="control-group">
  <div class="btn-group" data-toggle="buttons-checkbox" data-toggle-name="checkbox_group">
    <button class="btn" id="chkbox1"  type="button" value="1Fail" data-toggle="button"> 1 Failure </button>
    <button class="btn" id="chkbox2"  type="button" value="2Fail" data-toggle="button"> 2 Failure </button>
    <button class="btn" id="chkbox3" type="button" value="OtherFail" data-toggle="button"> Other Failure </button>
  </div>
  <input type="hidden" name="checkbox_group" value="1"/>
</div>

问题的第二部分是如何将数据输入 javascript，以了解单击了哪个按钮？如果点击了 1Fail，它应该切换和 js 代码来检测点击了 1Fail。提前致谢。

Answer 1

问题似乎是您在每个检查按钮中添加了data-toggle="button"，这不是必需的。因为您已经在外部 div 元素中有 data-toggle="buttons-checkbox" 。

所以把它改成这样：

    <div class="control-group">
      <div class="btn-group" data-toggle="buttons-checkbox" data-toggle-name="checkbox_group">
        <button class="btn" id="chkbox1"  type="button" value="1Fail" > 1 Failure </button>
        <button class="btn" id="chkbox2"  type="button" value="2Fail" > 2 Failure </button>
        <button class="btn" id="chkbox3" type="button" value="OtherFail" > Other Failure </button>
      </div>
      <input type="hidden" name="checkbox_group" value="1"/>
</div>

编辑：

抱歉，我没有注意到您的第二个问题。当一个按钮被点击时，一个active 类会被添加到它上面，所以你可以使用jQuery 的hasClass 方法来检测它。