在输入检查时更改div边界

Question

链接：http://jsfiddle.net/KM9bK/1/

$('.comprejuntoproduto input:checkbox').on('click', function (e) {
if ($('.comprejuntoproduto input:checkbox').is(':checked')) {
$(".comprejuntoproduto").addClass("changeborder"); 
}else{
$(".comprejuntoproduto").parent().removeClass("changeborder"); 
}
});

我希望在选中.compreprodutojunto input:复选框时，将.compreproductutojunto更改为边框样式。

非常感谢

Answer 1

首先，如果要使用jQuery，您需要实际包含jQuery库（不确定这是否是一个仅限fiddle的问题）。如果你没有在jsFiddle之外的实际页面中包含jQuery，你会这样做：

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>

（注意，如果您喜欢自己托管，您可以下载自己的副本，或者直接从code.jquery.com调用它）

此外，当您调用.removeClass()时，您可以简单地在先前调用.addClass()的元素上调用它，在本例中为<div class="comprejuntoproduto">。

请参阅：http://jsfiddle.net/KM9bK/7/

$('.comprejuntoproduto input:checkbox').on('click', function (e) {
  if ($(this).is(':checked')) {
    $(".comprejuntoproduto").addClass("changeborder"); 
  } else {
    $(".comprejuntoproduto").removeClass("changeborder");  
  }
});