Jquery &引用；勾选“全部”；框当前检查页面上的所有内容

我希望每个“全选”框只适用于它所针对的特定类别。使用下面的示例，当我单击Toyota的复选框时，它也会选中Ford的复选框。我希望丰田复选框只适用于丰田汽车。当我将脚本作为单独的项目编写时，此代码可以工作，但当我创建单独的JS文件时，它停止工作。我有几个类别，我将使用这段代码，所以如果有一种方法，写它一次，而不是一个为每一个类别，将是赞赏以及

<button class="accordion">Toyota</a></button>
<div class="panel">
<form action="CarPHPTest.php" method="post">
<input type="submit" name="submit" value="Submit"> 
<br/>
<p><input type="checkbox" name="check_uncheck" id="check_uncheck" /> Check         All/Uncheck All

<br/>
<div class="checkboxes">
 <input type="checkbox" name="check_list[]" value=Camry id="check" /> Camry     <br/>
<input type="checkbox" name="check_list[]" value=Corolla id="check" /> Corolla   <br/>
</div> </p> </form>
</div>

<button class="accordion">Ford</a></button>
<div class="panel">
<form action="CarPHPTest.php" method="post">
<input type="submit" name="submit" value="Submit"> 
<br/>
<p><input type="checkbox" name="check_uncheck2" id="check_uncheck2" /> Check All/Uncheck All

<br/>
<div class="checkboxes">
<input type="checkbox" name="check_list[]" value=Fusion id="check" /> Fusion  <br/>
  <input type="checkbox" name="check_list[]" value=Focus id="check" /> Focus   <br/>
</div> </p> </form>
</div>

JS File
// JavaScript Document
// The following script is for the check all/uncheckall feature 

jQuery(document).ready(function() {
    "use strict";
$("#check_uncheck").change(function() {
    if ($("#check_uncheck:checked").length) {
        $(".checkboxes input:checkbox").prop("checked", true);
    } else {
        $(".checkboxes input:checkbox").prop("checked", false);
    }
});
});

jQuery(document).ready(function() {
"use strict";
$("#check_uncheck2").change(function() {
    if ($("#check_uncheck2:checked").length) {
        $(".checkboxes input:checkbox").prop("checked", true);
    } else {
        $(".checkboxes input:checkbox").prop("checked", false);
    }
});
});

丰田


全部选中/全部取消选中


凯美瑞

花冠


河流浅水处


全部选中/全部取消选中


融合

焦点


JS文件
//JavaScript文档
//以下脚本用于“全部检查/取消选中”功能
jQuery（文档）.ready（函数（）{
“严格使用”；
$（“#选中#取消选中”）.change（函数（）{
如果（$（“#选中#取消选中：选中”）.length）{
$（“.checkbox输入：checkbox”）.prop（“选中”，true）；
}否则{
$（“.checkbox输入：checkbox”）.prop（“选中”，false）；
}
});
});
jQuery（文档）.ready（函数（）{
“严格使用”；
$（“#check_uncheck2”）.change（函数（）{
如果（$（“#勾选_取消勾选2:已勾选”）。长度）{
$（“.checkbox输入：checkbox”）.prop（“选中”，true）；
}否则{
$（“.checkbox输入：checkbox”）.prop（“选中”，false）；
}
});
});

使用此上下文检查当前已更改的复选框

使用选择器中最近的（“.panel”）仅选择相关复选框

修复idid应该是唯一的

$（“#勾选_取消勾选”）.change（函数（）{
如果（$（this）.is（“：checked”））{
$（this）.closest（“.panel”）.find（“.checkbox输入：checkbox”）.prop（“checked”，true）；
}否则{
$（this）.closest（“.panel”）.find（“.checkboxes输入：checkboxes”）.prop（“checked”，false）；
}
});
“严格使用”；
$（“#check_uncheck2”）.change（函数（）{
如果（$（this）.is（“：checked”））{
$（this）.closest（“.panel”）.find（“.checkbox输入：checkbox”）.prop（“checked”，true）；
}否则{
$（this）.closest（“.panel”）.find（“.checkboxes输入：checkboxes”）.prop（“checked”，false）；
}
});

丰田


全部选中/全部取消选中


凯美瑞

花冠

河流浅水处


全部选中/全部取消选中


融合

焦点

FYI-目前，您的复选框元素既有无效的标记（在按钮内有一个锚定关闭标记，但没有打开标记），也有非唯一的ID。更好的是，“全选”输入不需要唯一的ID，它们可以共享一个公共类，然后您可以只绑定一个事件处理程序。如果您愿意，可以将If/else结构替换为
$（this.panel”）.find（“input:checkbox”）.prop（“checked”，this.checked）@nnnnnn将为此添加一个演示不幸的是，我仍然遇到同样的问题。“全部选中/全部取消选中”功能正在使用您建议的脚本，但它仍会检查页面上的所有内容。