单选类型切换按钮问题

Question

我有三个自定义按钮，它们就像收音机一样。 我想在此添加一些额外的内容，但我不知道如何做。

当前有三个按钮（可以更多），我只能选择一个。 如果我选择任何一种按钮，则该按钮的颜色将更改并显示为活动状态。 我想如果我再次单击此选定的按钮，它将取消选择。

它应该保留为无线电类型，但除此之外，我想要以上要求。

这里是我的JS小提琴演示

JS

    $('.toggleButtonRadio').click(function(){
    $('.toggleButtonRadio').removeClass("active");
    $(this).toggleClass("active");
});

Answer 1

问题在于您需要在切换之前删除active类，因此不会将其删除，您可以将代码更改为此：

$('.toggleButtonRadio').click(function(){
    $(this).toggleClass("active");
    $('.toggleButtonRadio').not(this).removeClass("active");
});

JSFiddle演示