jquery - 使用 Bootstrap 让按钮组像单选按钮一样工作

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 本身来完成此操作。这是文档中的示例:https://getbootstrap.com/docs/3.4/javascript/#buttons-checkbox-radio