在引导程序中切换兄弟按钮答案

【问题标题】：toggling sibling buttons in bootstrap在引导程序中切换兄弟按钮
【发布时间】：2014-05-17 21:49:33
【问题描述】：

http://jsfiddle.net/s89a4/3/ 显示了我如何为表格的每一行放置 yes/no/na 按钮。我想点击一个值，使其兄弟姐妹被切换。

我怎样才能做到这一点？尝试了兄弟 jquery 方法，但无法通过。

<div class="btn-group">
<button id="yesbutton" type="button" class="btn btn-success">Yes</button>
<button id="nobutton" type="button" class="btn btn-danger">No</button>
<button id="nabutton" type="button" class="btn btn-info">N/A</button>
</div>

我可以通过在每个按钮上单击两次来切换各个按钮。但是，我需要为该特定行切换兄弟姐妹。（我的小提琴甚至没有以某种方式显示切换，但我认为它说明了这一点）谢谢。

【问题讨论】：

jsfiddle 中的 yes/no/na 按钮在哪里？
查看 boostrap 页面：getbootstrap.com/components/#btn-groups
这里没有你的代码在你的小提琴中。
我建议缩短下拉菜单的延迟。这不是“预期的行为”，可能会让人感到困惑或奇怪，或者让别人认为您的网站有问题。当我第一次悬停导航时，什么都没有发生，所以我点击了，似乎是我的点击打开了它。
抱歉链接错误-这是我的小提琴jsfiddle.net/s89a4/1

标签： jquery css twitter-bootstrap

【解决方案1】：

您可以通过切换元素上所需的类来实现此目的，同时从其兄弟元素中删除不需要的类。简单的例子是：

$('#translateTable').on( 'click', '#yesbutton', function (event) {

    $(this).toggleClass("active");
    $(this).siblings().removeClass("active");

});

Demo for you.

【讨论】：