Javascript 两个复选框作为一个复选框

我在一个页面上有两个复选框，我希望它们只充当一个复选框。例如，我选择一个，另一个自动选择，反之亦然。 我已经设法同时选择了这两个选项，但我似乎无法找到一种方法来立即取消选择它们

最让我困扰的是，这可能是一行超级简单的代码，我根本记不起来

---

有什么方法可以做到这一点吗？

这就是你想要的吗

$(".test").change(function () {
    $(".test").attr("checked", this.checked);
  });

<input type='checkbox' class='test'>A<br />
<input type='checkbox' class='test'>B<br />

$（“.test”）.change（函数（）{
$（“.test”）.attr（“选中”，此为.checked）；
});
A

B

这就是你要找的吗

$(".test").change(function () {
    $(".test").attr("checked", this.checked);
  });

<input type='checkbox' class='test'>A<br />
<input type='checkbox' class='test'>B<br />

$（“.test”）.change（函数（）{
$（“.test”）.attr（“选中”，此为.checked）；
});
A

B

html：

<input type="checkbox" id="1" class="handleAsOne">
<input type="checkbox" id="2" class="handleAsOne">

如果我正确理解了您的问题，您正在寻找类似的内容。

html:

---

如果我正确理解了您的问题，您正在寻找类似的解决方案。

以下是纯javascript的解决方案：

//使用`.checkbox`类选择所有复选框
var checkbox=document.querySelectorAll（'.checkbox'）；
//循环查看复选框列表
复选框。forEach（函数（复选框）{
//然后，在每个复选框上添加“更改”事件
复选框.addEventListener（'change'，函数（事件）{
//当更改事件触发时，
//循环检查复选框列表并更新值
复选框。forEach（函数（复选框）{
checkbox.checked=event.target.checked；
});
});
});
<代码>项目1


第2项

以下是纯javascript的解决方案：

//使用`.checkbox`类选择所有复选框
var checkbox=document.querySelectorAll（'.checkbox'）；
//循环查看复选框列表
复选框。forEach（函数（复选框）{
//然后，在每个复选框上添加“更改”事件
复选框.addEventListener（'change'，函数（事件）{
//当更改事件触发时，
//循环检查复选框列表并更新值
复选框。forEach（函数（复选框）{
checkbox.checked=event.target.checked；
});
});
});
项目1


第2项
$（文档）.ready（函数（）{
$（'#check_one'）。更改（函数（）{
$（'check'u two'）.prop（'checked'），$（'check'u one'）.prop（'checked'）；
});
$（'#check_two'）。更改（函数（）{
$（'勾选一'）.prop（'勾选'，$（'勾选二'）.prop（'勾选'）；
});  
});

简单复选框
复杂复选框

$（文档）.ready（函数（）{
$（'#check_one'）。更改（函数（）{
$（'check'u two'）.prop（'checked'），$（'check'u one'）.prop（'checked'）；
});
$（'#check_two'）。更改（函数（）{
$（'勾选一'）.prop（'勾选'，$（'勾选二'）.prop（'勾选'）；
});  
});

简单复选框
复杂复选框
发布相关代码，以便人们提供帮助。此外，请检查您如何设置这些代码？取消设置它们可能只是将
true
更改为
false
的一种情况。请注意。发布相关代码以便人们能够提供帮助。此外，请检查您是如何设置它们的？取消设置它们可能只是将
true
更改为
false
。请注意。请添加一些解释，说明此代码为何/如何帮助OP。这将有助于提供未来观众可以从中学习的答案。有关更多信息，请参阅。此外，对于布尔属性值，应使用
prop（'checked'，this.checked）
。请添加一些解释，说明此代码为何/如何帮助OP。这将有助于提供未来观众可以学习的答案。有关更多信息，请参阅。此外，对于布尔属性值，应使用
prop（'checked'，this.checked）
。