Question

我有两个名为“open_sub_ja”和“open_sub_nee”的复选框。只能检查其中一个。现在我要做的事情是，当选中“open_sub_nee”类的复选框时，我想要一个不同的div来添加一个类，当复选框“open_sub_nee”失去检查状态时，我希望另一个div删除它class（所以切换）。

我用Google搜索并发现了一些非常接近我想要做的事情（经过修改后）。当选中“open_sub_nee”时，此代码会将“selected”类添加到右侧div，但当复选框没有选中状态时，它不会切换。

$('.open_sub_nee').change(function() {
        if($(this).is(':checked')) 
            $(this).parents('.container_vragen').find('.akkoord').addClass('selected'); 
        else
            $(this).parents('.container_vragen').find('.akkoord').removeClass('selected');
    });

我在这里有一个项目的jsFiddle：http://jsfiddle.net/R5cWW/虽然项目变得更大，但我的编码并不是最好的。

Answer 1

为什么可以使用单选按钮？

我不完全确定我理解你的问题。您想要在未选中复选框的父div标签中添加一个类，对吗？

$('.open_sub_nee').change(function() {
    if($(this).is(':checked')) {
        $('.open_sub_ja').attr('checked', '').closest('div').addClass('someclass');
    } else {
        $('.open_sub_ja').closest('div').removeClass('someclass');
    }
});

然后对“.open_sub_ja”执行相同操作。

jQuery如果选中复选框，则更改类

1 个答案: