如何通过JavaScript选中带有指定唯一自定义cpf属性的Checkbox？

方法1：使用CSS属性选择器+querySelector（推荐） #

这是写法最简洁、兼容性覆盖绝大多数场景的方案，直接通过属性匹配规则定位目标元素：

• 第一步：匹配定位复选框元素
  const targetCkb = document.querySelector('input[type="checkbox"][cpf="45258236978"]');
• 第二步：设置选中状态（如需取消选中设为false即可）
  targetCkb.checked = true;

为了避免元素不存在时报错，建议加一层存在性判断：

const targetCkb = document.querySelector('input[type="checkbox"][cpf="45258236978"]');
if (targetCkb) {
  targetCkb.checked = true;
}

方法2：遍历input元素匹配（兼容极端低版本浏览器场景） #

如果运行环境不支持querySelector（非常老旧的IE版本），可以遍历所有input标签逐一匹配属性：

const allInputs = document.getElementsByTagName('input');
for (let i = 0; i < allInputs.length; i++) {
  const current = allInputs[i];
  if (current.type === 'checkbox' && current.getAttribute('cpf') === '45258236978') {
    current.checked = true;
    break;
  }
}

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