本文介绍一种简洁可靠的方案：每次复选框状态变化时，清空目标数组并基于当前所有已勾选项重新构建，从而自然实现“勾选添加、取消勾选即移除”的效果，避免手动查找与删除带来的复杂性与潜在错误。
本文介绍一种简洁可靠的方案：每次复选框状态变化时，清空目标数组并基于当前所有已勾选项重新构建，从而自然实现“勾选添加、取消勾选即移除”的效果，避免手动查找与删除带来的复杂性与潜在错误。
在 jQuery 中处理复选框与静态数组的联动时，一个常见误区是试图对已插入的数组（如 model 或 Hostess）进行“精准删除”——例如用 indexOf() 查找整个数组对象再调用 splice()。但需注意：JavaScript 中两个内容相同的数组（如 ["Height","size"]）并不相等（[] === [] 为 false），因此无法通过值匹配可靠删除。
更健壮、清晰且易于维护的解决方案是：每次状态变更后，完全重建目标数组。即监听所有 .country 复选框的 click 事件，遍历当前所有 :checked 的复选框，根据其 value 动态选择对应静态数组，并使用扩展运算符 ... 将其元素逐个推入最终数组：
var myarray = [];
var model = ["Height", "size", "bust"];
var Hostess = ["Height", "bust"];
$("input:checkbox.country").on("click", function() {
// ✅ 每次点击都清空并重建 myarray（核心逻辑）
myarray = [];
// 遍历所有已勾选的复选框
$("input:checkbox.country:checked").each(function() {
const value = $(this).val();
switch (value) {
case "model":
myarray.push(...model); // 展开添加 ["Height","size","bust"]
break;
case "hostess":
myarray.push(...Hostess); // 展开添加 ["Height","bust"]
break;
default:
break;
}
});
console.log("Final array is:", myarray);
});
⚠️ 注意事项：
jQuery 1.12.4下载jQuery 1.12.4是jQuery 1.x系列的最后一个正式稳定版本，由jQuery团队于2016年发布。该版本主要面向需要兼容旧版浏览器环境的网站和Web应用，尤其适用于仍需支持Internet Explorer 6、Internet Explorer 7、Internet Explorer 8等老旧浏览器的项目。
- 使用 push(...array) 而非 push(array)，确保添加的是数组元素而非嵌套数组；
- HTML 中复选框 value 值应与 switch 分支严格一致（如 "hostess" 而非 "Hostess"，注意大小写）；
- 推荐将静态数组映射改为对象字面量（如 const dataMap = { model, hostess };），后续可通过 dataMap[value] 安全获取，提升可读性与可扩展性；
- 若需去重（如多个复选框含相同元素 "Height"），可在最后用 [...new Set(myarray)] 过滤。
此方法逻辑直白、无状态残留、天然支持任意数量复选框与关联数组，是处理此类动态集合更新的推荐实践。
