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输入：复选框被选中时，更改.compreprodutojunto边框样式。

非常感谢

Answer 1

首先，如果你打算使用jQuery，你需要实际包含jQuery库（不确定这是否只是一个小提琴问题）。如果你没有在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");  
  }
});

输入检查时更改div边框

1 个答案: