Question

当我在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等添加更多条件。？

Answer 1

如果我理解正确，那么您正在寻找一种更通用的解决方案，而不是为每个元素分配单独的点击处理程序？也许，沿着这些方向：

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

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

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

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

1 个答案: