0

我有 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。提前致谢。

4

1 回答 1

2

问题似乎是您添加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方法来检测它。

于 2012-08-08T02:30:59.873 回答