从unCheck上的单选按钮中删除背景

Question

代码和演示：http://spotsync.com/res.net/portals/reo/snippets/radio.html

我正在尝试将绿色背景添加到其选中状态的单选按钮和/或复选框。

复选框正常工作，但选中其他单选按钮时，其背景颜色不会被删除。我在这里缺少什么？

Answer 1

当您使用无线电时，您使用一组输入，因此您不能只使用this is checked条件。您需要过滤该组。

点击此处 http://jsfiddle.net/PCkXS/

Answer 2

请务必在复选框中添加name=，这样就可以正常使用

$('input').change(function() {
   $('input[name="' + this.name + '"]').parent().removeClass('greenBG')
   .find(':checked').parent().addClass('greenBG');
});

Answer 3

我知道如何解决它在一分钟内给你一个小提琴： - ）

这完美地起作用：http://jsfiddle.net/maniator/CujPG/2/

$(document).ready(function() {
    $('input').change(function() {
        if ($(this).is(':checked')) {
            var children = $('.greenBG').children('input:not(:checked)'); 

            if(children.length > 0){
                $(children).each(function(){
                    $(this).parent().removeClass('greenBG');
                })
            }
            $(this).parent().addClass('greenBG');
        } 
    });
});