javascript - 如何在单选按钮上添加和删除类？

我在JSFiddle上找到这个时遇到了问题

http://fiddle.jshell.net/pepesustaita/sdL2v/

有两个收音机用于采样，但是我需要超过2.个。

 $(document).ready(function(){
    $('#radio1').click(function(){
        $('.what1').addClass('active1').siblings().removeClass('active');
    });
    $('#radio2').click(function(){
        $('.what2').addClass('active').siblings().removeClass('active1');
    });
});

如何为第3，第4等添加更多条件？

最佳答案

如果我理解正确，那么您正在寻找比为每个元素分配单独的单击处理程序更通用的解决方案？也许，遵循以下思路：

$(document).ready(function(){
    $('input[type="radio"]').click(function( ){
        $('input[type="radio"]').siblings().removeClass('active');
        $(this).next().next().addClass('active');
    });
});

这会将相同的单击处理程序附加到单选类型的每个输入。单击单选按钮时，活动类别将从所有其他单选按钮中删除，然后将活动类别添加到最后单击的单选按钮。

小提琴：http://fiddle.jshell.net/adrv14of/

关于javascript - 如何在单选按钮上添加和删除类？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38906020/