Jquery 如何在选中复选框后禁用div

大家好，我是网页设计新手，请帮助我。 我有两个html页面。 第一个包含两个复选框，第二个包含两个div，一个是左侧，另一个是右侧。 现在我想在第一页中选中任何一个复选框，另一个复选框自动进入禁用状态。现在第二页中的一个div自动进入禁用模式意味着该div中的任何功能都不工作。我的意思是，如果在第一页中选中LHS复选框，那么LHS div仅在第二页中工作

有没有可能

我正在使用HTML、bootstrap和jquery。

如果您可以共享相关代码，那就更好了，这里我举例说明如下：

假设这是我们的HTML代码：

还有一个用于禁用类的CSS代码：

.myDiv {
  padding:5px;
  border:1px solid black;
  background-color:blue;
  color:white;
  margin:2px;
}
.disabled {
  background-color:grey;
  color : #C0C0C0;
  opacity : 0.1;
}

-已禁用divevent侦听器上的所有功能

---

我在复选框本身上定义了数据目标属性，目标是与ID匹配的指定div。

请共享相关代码，还可以分享您尝试过的内容。是否将这些页面合并为一个页面？我将手风琴代码放在了第二个页面中。我在手风琴也被禁用后选中了复选框，但手风琴功能仍在工作。禁用意味着它只更改了颜色。我希望手风琴功能也被禁用。这里是用于禁用功能的更新链接附加类禁用谢谢。我有一个疑问，我创建了一个表，上面代码共享了两个值。在这个值中，我选择了一个名称是LHS，一个名称是RHS。现在我单击“下一步”按钮，它进入第二页。在这个页面中，名称被划分为上一个选择，即LHS和RHS。是否可以？单击“下一步”按钮和第二页出现在同一页上还是使用普通链接转到第二页？您的意思是选择两个名称，然后分割这些名称？没有得到关于分名部分的信息。两个页面不同。第一页中的“下一步”按钮，下一步按钮通过转到第二页。我选择的名字是LHS自动选择RHS。单击“下一步”按钮后，显示第二页，名称是LHS和RHS。即，我的要求。

$(document).on('click', '.myCheckbox', function () {
  var target = $(this).data('target');    
  if ($(this).is(':checked')) $('#' + target).addClass('disabled');
  else $('#' + target).removeClass('disabled');
});

.myDiv {
  padding:5px;
  border:1px solid black;
  background-color:blue;
  color:white;
  margin:2px;
}
.disabled {
  background-color:grey;
  color : #C0C0C0;
  opacity : 0.1;
}