Javascript 选中/取消选中组中的所有复选框时，使用jquery check/uncheck SelectAll复选框

当选中组中的所有

li

复选框时，我需要选中所有

SelectAll

复选框

这里我有两个复选框组。我需要优化的代码。试着把两个身份证结合起来

注意：如果所有

li

都已选中/未选中，则其他组不应受到影响，反之亦然

请看一看

第一组选择全部
这是项目1
这是第2项
这是第3项
这是第4项
这是第5项
这是第6项


第二组选择全部
这是项目1
这是第2项
这是第3项
这是第4项
这是第5项
这是第6项

$（“#一选全部”）。更改（函数（）{
$（“.one_checkbox”）.prop（'checked'，$（this.prop（'checked'））；
});
$（“#两个选择全部”）。更改（函数（）{
$（“.two_checkbox”）.prop（'checked'，$（this.prop（'checked”）；
});
$（'.one_复选框，.two_复选框'）.change（function（）{
if（false=$（this.prop（“选中”）{
$（“一选全部”）.prop（'checked'，false）；
}否则{
$（“一选全部”）.prop（'checked'，true）；
}
if（$（'.one\u复选框：选中，.two\u复选框：选中'）。长度=$（'.one\u复选框，.two\u复选框'）。长度）{
$（“#一选全部，#二选全部”）.prop（'checked'，true）；
}否则{
$（“#一选全部，#二选全部”）.prop（'checked'，false）；
}
});

有很多方法可以做到这一点。我建议在检查项目是否已检查时使用

.is（）

另外，把你的工作分开一点。检查一个然后检查两个。不建议您尝试将它们一起存入银行

工作示例：

JavaScript

$(function() {
  $("#one_select_all").change(function() { //"select all" change 
    $(".one_checkbox").prop('checked', $(this).prop("checked")); //change all ".checkbox" checked status
  });

  $("#two_select_all").change(function() { //"select all" change 
    $(".two_checkbox").prop('checked', $(this).prop("checked")); //change all ".checkbox" checked status
  });

  //".checkbox" change 
  $('.one_checkbox, .two_checkbox').change(function() {
    //uncheck "select all", if one of the listed checkbox item is unchecked
    if (!$(this).is("checked") && $(this).hasClass("one_checkbox")) {
      //if this item is unchecked
      $("#one_select_all").prop('checked', false);
      //change "select all" checked status to false
    }
    if ($('.one_checkbox:checked').length == $('.one_checkbox').length) {
      $("#one_select_all").prop('checked', true);
    }
    if (!$(this).is("checked") && $(this).hasClass("two_checkbox")) {
      //if this item is unchecked
      $("#two_select_all").prop('checked', false);
      //change "select all" checked status to false
    }
    if ($('.two_checkbox:checked').length == $('.two_checkbox').length) {
      $("#two_select_all").prop('checked', true);
    }

  });
});

---

这里的HTML是。。。去哪里了？我想我会在编辑代码后看到HTML看起来像是你在完成typ之前意外地发布了问题…请编辑你的问题并包含相关的源代码，谢谢。它现在意外地发布在那里了请帮助。。！！谢谢事实上我有三组清单。“它现在对我起作用了。”rkamlekar很高兴听到它起了作用。你可能想考虑把它标记为答案。

$(function() {
  $("#one_select_all").change(function() { //"select all" change 
    $(".one_checkbox").prop('checked', $(this).prop("checked")); //change all ".checkbox" checked status
  });

  $("#two_select_all").change(function() { //"select all" change 
    $(".two_checkbox").prop('checked', $(this).prop("checked")); //change all ".checkbox" checked status
  });

  //".checkbox" change 
  $('.one_checkbox, .two_checkbox').change(function() {
    //uncheck "select all", if one of the listed checkbox item is unchecked
    if (!$(this).is("checked") && $(this).hasClass("one_checkbox")) {
      //if this item is unchecked
      $("#one_select_all").prop('checked', false);
      //change "select all" checked status to false
    }
    if ($('.one_checkbox:checked').length == $('.one_checkbox').length) {
      $("#one_select_all").prop('checked', true);
    }
    if (!$(this).is("checked") && $(this).hasClass("two_checkbox")) {
      //if this item is unchecked
      $("#two_select_all").prop('checked', false);
      //change "select all" checked status to false
    }
    if ($('.two_checkbox:checked').length == $('.two_checkbox').length) {
      $("#two_select_all").prop('checked', true);
    }

  });
});