Question

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>

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

Answer 1

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

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

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

});

Demo for you.

在bootstrap中切换兄弟按钮

1 个答案: