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/

当勾选复选框时，如何将类添加到复选框的容器div中？

2 个答案: