javascript - 单选类型切换按钮问题

Question

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

目前有三个按钮(可以更多)我只能选择一个。如果我选择按钮的任何一种颜色将会改变并显示为处于事件状态。我想如果我再次单击这个选定的按钮，这将取消选择。

它应该保留为 radio 类型，但除此之外我还想要上述要求。

这是我的 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