Javascript JQueryCheckBox被锁定为选中状态

我在不同的选项卡中有两个表单，每个交叉字段的值在更改/keyup时复制到另一个表单

当我的复选框更改时，背景图像也会更改以突出显示所选内容，由于某些原因，我无法找出原因，但当复选框打开时，它们不会再次关闭

JSIDLE链接>

html

如果有人能指出我缺少的明显的东西，我将不胜感激。

AFAIK

.is（“：checked”）

在通过线路渲染DOM时运行，而不是当前的活动DOM

因此，解决方案是使用

.prop（'checked'）

版本2允许独立检查：

版本3会导致相互更新，并且两个复选框都可以单击：

AFAIK

.is（“：checked”）

在通过线路渲染DOM时，对其运行，而不是当前活动DOM

因此，解决方案是使用

.prop（'checked'）

版本2允许独立检查：

版本3会导致相互更新，并且两个复选框都可以单击：

使用

$(this).is(":checked")

反而

当至少有一个元素与选择器匹配时，$.is（）返回true。选中两个复选框后，当您再次单击其中一个复选框时，另一个复选框仍将被选中，因此在两个复选框上运行时，is（）将始终返回true。

使用

$(this).is(":checked")

反而

---

当至少有一个元素与选择器匹配时，$.is（）返回true。当两个复选框都选中时，当您再次单击其中一个复选框时，另一个复选框仍将被选中，因此当您在两个复选框上运行它时，is（）将始终返回true。

我解决了问题。此代码将正常工作

$(".flamcheck").change(function() {
  if ($(this).prop("checked") == true ) {
   $('.flammable').css("backgroundColor", "url(images/flame-on.png)");
   $('.flamcheck').prop("checked", true);
  }
  if ($(this).prop("checked") == false) {
   $('.flammable').css("backgroundImage", "url(images/flammable.png)");
   $('.flamcheck').prop("checked", false);
  }

});

---

检查此项-

我发现了问题。此代码可以正常工作

$(".flamcheck").change(function() {
  if ($(this).prop("checked") == true ) {
   $('.flammable').css("backgroundColor", "url(images/flame-on.png)");
   $('.flamcheck').prop("checked", true);
  }
  if ($(this).prop("checked") == false) {
   $('.flammable').css("backgroundImage", "url(images/flammable.png)");
   $('.flamcheck').prop("checked", false);
  }

});

检查此项-

检查此项工作

你的代码有语法错误，我已经纠正了，请检查小提琴

---

你的代码有一个语法错误，我已经纠正了，请检查小提琴

HMM，刚刚意识到同时检查两个复选框，代码可能需要重写才能修复。使用顶部链接，此代码似乎不太有效，“底部”复选框无法显示clickable@user1372212第2版呢？V2没有镜像选中的状态HMM，只是意识到同时选中两个复选框，可能需要重写代码来修复。使用顶部链接，此代码似乎不太有效，“底部”复选框无法显示clickable@user1372212版本2呢？V2没有镜像选中状态，这解释了我最近遇到的一些问题！谢谢你！这就解释了我最近遇到的一些问题！谢谢你！