jquery-ui - jQuery 在选定的 radio 上添加/删除 css 类

Question

我在这里阅读了一些解决方案，但是我的问题在那些不起作用的地方有很大的不同。基本上，如果选中单选按钮，则向父 div 添加一个 css 类。如果未选中 radio ，请删除 css 类。听起来很简单？

我有多个单选按钮组，所以换句话说，一次会选择多个单选按钮。每个单选按钮组也位于由其他 html 分隔的页面的不同部分。

这是我想出的:

  $(document).ready(function () {
    $('input').click(function () {
        if ($('input:not(:checked)')) {
            $('div').removeClass('style1');
        }
        if ($('input').is(':checked')) {
            $(this).parent().addClass('style1');
        }


    });
});

我认为我在输入的正确路径上:not(:checked)，但在下一行它从所有 div 元素中删除 style1 而不是检查是否检查了其他 divs 单选按钮子项。

我想我要问的是如何编写一个脚本，当单击单选按钮时，向父级添加一个 css 类，然后在页面上找到所有具有输入子级的 div 标签。如果未选中 divs 子输入，则删除 css 类。所以如果一个 div 有一个子输入元素并且它被选中，不要从输入 div 中删除 css 类。

我希望这是有道理的。

Answer 1

为什么不使用以下内容:http://jsfiddle.net/Q2bzT/

$(document).ready(function () {
    $('input').click(function () {
        $('input:not(:checked)').parent().removeClass("style1");
        $('input:checked').parent().addClass("style1");
    });    
});​