Radio Type Toggle按钮问题

Question

我有三个自定义按钮，它们像收音机一样工作。 我想在这里添加额外的东西，但我不知道如何。

目前有三个按钮（可以更多）我只能选择一个。如果我选择任何一种颜色的按钮将会改变并显示为活动状态。我想要如果我再次点击这个选中的按钮，这将取消选择。

它应该保留为无线电类型，但另外我想要超出要求。

这是 JS fiddle DEMO

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 Demo 的