完成后添加课程＆＃34;检查＆＃34;在输入部分

Question

需要向没有选择输入的容器添加类 这是我的尝试 jquery的：

$('.section .container-items input:checked').each( function(){
     $('.section .container-items').addClass('red');
});

我需要这个结果

JSFIDDLE

Answer 1

使用此：

$("input[type=radio]").on('click', function() {
    var container = $(this).parent().parent();
    $(".container-items", container).each(function() {
        $(this).addClass("red");
    });
    $(this).parent().removeClass("red");
});

DEMO

Answer 2

您需要使用.change()。

$('.section .container-items input').change( function(){
    $(this).parent().removeClass('red').siblings().addClass('red');
});

Example Here

Answer 3

Fiddle Demo

var chck = $('.section .container-items input');//cache selector
chck.change(function () { //change event
    chck.filter(':not(:checked)').parent().addClass('red'); //add red to class red to parent if not checked
    chck.filter(':checked').parent().removeClass('red'); //checked elements remove red class
}).change(); //trigger change event