javascript - twitter bootstrap 按钮切换不起作用

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 方法检测到这一点。