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"，这是不必要的。因为外部data-toggle="buttons-checkbox"元素中已有div。

所以改成它看起来像这样：

    <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方法检测此类。

twitter bootstrap按钮切换不起作用

1 个答案: