Html 更改输入检查时的div边框

链接：

我想在选中.compreProdutJunto输入：复选框时，更改.compreProdutJunto边框样式

---

非常感谢

首先，如果要使用jQuery，您需要实际包含jQuery库（不确定这是否是一个仅限于小提琴的问题）。如果在JSFIDLE之外的实际页面中没有包含jQuery，您可以这样做：

（注意，如果您愿意自己托管，您可以下载自己的副本，或者直接从

code.jquery.com

调用）

另外，当您调用

.removeClass（）

时，您只需在先前调用

.addClass（）

的元素上调用它，在本例中为

见：

---

非常感谢，很有效，但我的网站不起作用，我不知道为什么。查看：向下滚动，并查看复选框。再次感谢您，您需要在关闭

标记之前放置JavaScript，或者将其包装在

.ready（）

方法中（或两者兼而有之！）。

.on（）

方法在这些元素存在之前触发，因此实际上没有附加到复选框、div等：

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

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