Javascript onclick复选框父div的背景颜色更改

我制作了一张信息卡，在右上角的信息卡分区内有一个复选框。目标是当选中复选框时，信息卡分区的背景颜色会随着褪色而改变。似乎无法让它工作。任何帮助都将不胜感激。代码如下：

HTML:

你不是把p和结束语都换了吗

---

编辑：

此外，我认为最好在复选框上使用“onchange”函数，而不是“onclick”

比如：

<input type="checkbox" onchange="togglingCheckbox(this)" .....>

---

通过这种方式，您可以检测复选框的状态是否随键盘而改变，而不仅仅是鼠标。

我认为您应该将javascript放入其中

$(document).ready(function () {

});

---

因为Jquery需要它，所以您缺少document.ready函数，而且您在发布的JSFIDLE中也缺少了自己的pin检查css。我已经更新了您的代码并在codePen中运行。请找到下面的链接。代码运行良好

---

“更改”是什么意思？

应如下所示，首先关闭上次打开的标签，关闭标签的顺序应与打开标签的顺序相反，而不是在末尾。另一方面，我不确定这是否能解决您的问题。让我玩一下JSFIDLE。我将发布一个关于这个的新问题，但我想我会问。如何使高亮显示得以保存，即使页面已刷新且页面作为链接发送？为此，您需要保持该复选框的状态，如果选中复选框，则保持高亮显示，否则不保持高亮显示。您可以使用localStorage或sessionStorage保持状态。请看一次。非常感谢，我会看几张照片

<p class="card-title"><a href="" class="">Like</p></a>

<input type="checkbox" onchange="togglingCheckbox(this)" .....>

$(document).ready(function () {

});

$(document).ready(function(){
  $("#like").click(function () {
    $("#pin").toggleClass("pincard-checked");
  });
});