Javascript jQuery复选框选中取消选中问题

我的页面上有复选框：

<div class="mail-control">
    <input class="magic-checkbox select-doc" type="checkbox">
    <label for="email-list-1"></label>
</div>

问题是：当我选中所有复选框时，我无法手动（直接用鼠标）取消选中其中一些复选框。我该怎么做？

更改此选项

$('#deselect-all-list').on('click', function() {
    $('.select-doc').prop('checked', true);
});

对此

$('#deselect-all-list').on('click', function() {
    $('.select-doc').prop('checked', false);
});

---

您只是缺少

取消选择所有列表中的
false
属性

单击事件：

$（'select all list'）。在（'click'，function（）上{
$（'.select doc'）.prop（'checked'，true）；
});
$（“#取消选择所有列表”）。在（'单击'，函数（）上{
$（'.select doc'）.prop（'checked'，false）；
});




控制台中有错误吗？@SmitRaval您的答案事实上是正确的，但应该投票决定作为“类型错误”问题关闭。@SmitRaval--不要戳操作来检查您的答案。如果他们觉得你的答案有用，他们会接受/投票。@freedomn-m正确，长夜：p谢谢，谢谢。现在，“全部选择”和“全部取消选择”都正常工作，但我仍然无法取消选中某些复选框。如果我尝试取消选中某些复选框，它只会影响第一个复选框。是的，谢谢。现在，“全部选择”和“全部取消选择”都正常工作，但我仍然无法取消选中某些复选框。如果我尝试取消选中某个复选框-它只影响第一个复选框。这是一个相同的ID问题。您在标签和复选框中指定了相同的id。为复选框和标签中的指定唯一id。你的问题会解决的。此外，如果此答案解决了您的主要问题，请标记为已接受。谢谢。：）@拥抱
$('#deselect-all-list').on('click', function() {
    $('.select-doc').prop('checked', true);
});

$('#deselect-all-list').on('click', function() {
    $('.select-doc').prop('checked', false);
});