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/