單選類型切換按鈕問題

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演示