如何使用jQuery选中值存在于指定数组中的所有复选框

当然有非常实用的简洁方法啦！这里给你两种方案，根据你的数组规模来选就好：

方案一：适配任意大小数组（推荐） #

这种方法通过filter筛选出值在目标数组内的复选框，再批量设置选中状态，性能更稳定，适配大小数组都没问题：

// 假设这是你需要选中的值数组
const targetValues = [426693, 123456, 789012];

// 筛选并选中目标复选框
$('.customerCheckbox').filter(function() {
  // 把value转成数字，避免字符串与数字的类型匹配问题
  return targetValues.includes(parseInt(this.value, 10));
}).prop('checked', true);

方案二：适合小数组（代码更简短） #

如果你的数组元素不多，可以直接拼接属性选择器字符串，一步完成选中操作：

const targetValues = [426693, 123456];
// 生成类似`.customerCheckbox[value="426693"],.customerCheckbox[value="123456"]`的选择器
const selector = targetValues.map(val => `.customerCheckbox[value="${val}"]`).join(',');
$(selector).prop('checked', true);

关键注意点 #

• 必须用prop('checked', true)而非attr：checked是DOM元素的状态属性，prop能准确修改它的实时状态，attr仅修改HTML静态属性，容易出现状态不一致的问题。
• 如果你的复选框value是字符串类型（比如带字母前缀），可以去掉parseInt，直接用targetValues.includes(this.value)即可。

内容的提问来源于stack exchange，提问作者Dmytro