Создание группы кнопок, действующей как радиообъективы с Bootstrap

Question

Надеюсь, кто-то может помочь мне с этим, я не могу понять это.

У меня есть 3 кнопки в Bootstrap с одним активным по умолчанию, см. 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

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

, а затем выберите clicked по

$(".btn.active") 

Answer 2

На самом деле вы можете сделать это с самого Bootstrap. Примером может служить на getbootstrap домашнюю страницу http://getbootstrap.com/javascript/#buttons-checkbox-radio