Question

希望有人可以帮助我解决这个问题，我无法弄清楚。

我在Bootstrap中有3个按钮，其中一个默认处于活动状态，请参阅http://jsfiddle.net/sbystxp2/，第二个处于活动状态。

到目前为止一切顺利，但现在我希望当我点击一个或三个时活动状态发生变化，当我这样做时，第二个活动状态也必须消失。

任何人都知道如何用Jquery做到这一点？

$('.checkit .btn').click(function () {
    $(this).parent().find('input').val($(this).data("value"));
});

$('#one').on('click', function () {
    alert('one is clicked');
});

$('#two').on('click', function () {
    alert('two is clicked');
});

$('#three').on('click', function () {
    alert('three is clicked');
});

亲切的问候，

阿瑞

Answer 1

实际上你可以用Bootstrap本身做到这一点。一个例子是在getbootstrap主页上 http://getbootstrap.com/javascript/#buttons-checkbox-radio

Answer 2

$('.btn').click(function(){
    $('.btn').removeClass('active');
    $(this).addClass('active');
});

然后按

选择clicked

   $(".btn.active")

使用Bootstrap创建一个按钮组就像单选按钮一样

2 个答案: