0

我有两个名为“open_sub_ja”和“open_sub_nee”的复选框。只能检查其中一项。现在我想要做的事情是,当检查带有类“open_sub_nee”的复选框时,我想要一个不同的div添加一个类,当checkbox“open_sub_nee”丢失检查状态时,我希望另一个div删除类(所以一个切换)。

我用谷歌搜索并发现了一些非常接近我想做的事情(经过修改后)。This code does add the class "selected" to the right div when the "open_sub_nee" is checked but it does not toggle when the checkbox does not have the checked state.

$('.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/尽管项目越来越大而且我的编码不是最好的。

4

1 回答 1

2

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

我不完全确定我理解你的问题。您想向未选中复选框的父 div-tag 添加一个类,对吗?

$('.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”做同样的事情。

于 2012-12-06T10:36:36.233 回答