如何在不同的div中有两个独立的复选框，同时变成选中和不选中？[副本]
我创建了两个启用黑暗模式的复选框。我有一个在手机导航和一个在桌面导航。
在800px时，移动复选框变为Display：None，桌面复选框变为Display：Block，在800px之前反之亦然。
$(document).ready(function() {
$('input[type="checkbox"]').on('click', () => {
$('body').toggleClass('darkMode');
$('mobile-checkbox').is(':checked');
$('desktop-checkbox').is(':checked');
});
});.darkMode {
background-color: black;
}
.mobile {
display: inline-block;
box-shadow: 5px 5px 5px blue;
}
.desktop {
display: none;
box-shadow: 5px 5px 5px green;
}
@media (min-width:800px) {
.mobile {
display: none;
}
.desktop {
display: inline-block;
}
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body>
<div class="mobile">
<input class="mobile-checkbox" type="checkbox">
</div>
<div class="desktop">
<input class="desktop-checkbox" type="checkbox">
</div>
</body>共有1个答案
您只需要将选中的道具设置为匹配更改的道具的选中状态。我添加了一个控制台日志，以便您可以看到所反映的更改。我还在两个复选框中添加了一个公共类，以使选择更加容易。
$(document).ready(() => {
let $body = $(document.body);
let $viewSelectors = $('.view-selector').on('click', e => {
$body.toggleClass('darkMode');
$viewSelectors.prop('checked', e.target.checked);
console.log($viewSelectors.map((index, it) => it.checked).get());
});
});.darkMode {
background-color: black;
}
.mobile {
display: inline-block;
box-shadow: 5px 5px 5px blue;
}
.desktop {
display: none;
box-shadow: 5px 5px 5px green;
}
@media (min-width:800px) {
.mobile {
display: none;
}
.desktop {
display: inline-block;
}
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="mobile">
<input class="mobile-checkbox view-selector" type="checkbox">
</div>
<div class="desktop">
<input class="desktop-checkbox view-selector" type="checkbox">
</div>-
我试图创建一个表单，该表单顶部有一个复选框，当用户选中该复选框时，它会选择其他特定的复选框，但不是所有复选框。我很难通过反复试验或搜索找到答案。我唯一能找到的就是“全选”选项。不是我想要的。 理想情况下，当用户选中“管理包”旁边的复选框时，我想要“Chrome外观组”和“远程启动” 下面是代码和我在这方面的基本尝试，但它不起作用。提前谢谢。 超文本标记语言： Javascript 我不知道这个Ja
-
问题内容： 上面的代码创建一个带有两个列表框的窗口。但是，如果要从这两个值中检索值，就会出现问题，因为一旦在一个值中选择一个值，它就会取消选择在另一个值中选择的值。 这仅仅是开发人员必须忍受的限制吗？ 问题答案： 简短答案：将所有列表框小部件的属性值设置为False或零。 从列表框小部件的pythonware概述中： 默认情况下，选择被导出到X选择机制。如果您在屏幕上有多个列表框，这确实会使可怜的
-
我希望在选中表中的所有复选框时选中标题复选框，如果没有选中单个复选框，则应取消选中标题复选框。
-
问题内容： 我的SQL Server数据库中有两个表。第一个是，第二个是。两个表中都有一列。 现在，我想从两个表中选择一个特定的值。 这就是我在做的 但是我的查询给出了错误。 问题答案：
-
我正在使用datatable创建一个可排序、可搜索、可分页的表，表中的行是load serverside，我在每一行中添加了一个复选框，在表头中添加了一个check all复选框，我编写了一个自定义jquery函数来检查复选框的所有行，下面是我的代码： 问题是我的自定义检查全部功能无法检查数据表插件中的行的第2页，有没有什么方法可以克服这个问题？？ 下面是我的HTML代码：
-
问题内容： 有这张桌子 和这个 我如何从表“项目”中选择所有行并显示字段“已删除”，即使在给定用户ID的情况下，即使“ MyList”中不存在itemID？ 查询结果示例： 什么是查询，以便我可以得到该结果？ 谢谢 问题答案： 我不确定这是否是最好的方法，但它会返回我一直在寻找的内容：