jquery - 当复选框被选中和关闭时，如何将类添加到复选框的容器 div 中？

Question

当使用 jquery 激活复选框（input.check-group）时，我想向容器（div.checkbox_db）添加背景颜色。我可以这样做吗..？这是我正在使用的html代码：

<div class="grid_3 checkbox_db off-check">

    <input type="checkbox" class="check-group" id="check-1" name="check-1">

    <label for="check-1" class="group">Checkbox</label>

</div>

Answer 1

$('.check-group').click(function(){
  if($(this).is(':checked')){
    $(this).parent().addClass('some_class');
  }else{
    $(this).parent().removeClass('some_class');
  }
});

Answer 2

我认为这是你想要的：

javascript

$(".grid_3").removeClass('off-check');
    $('.check-group').click(function(){
    if($(this).is(':checked')){
        $(this).parent().addClass('off-check');
    }
    else {
        $(this).parent().removeClass('off-check');
    }
});

样式表

.off-check{
 background-color:yellow;  
}

在这里演示：http: //jsfiddle.net/kxFCd/