如何用querySelectorAll筛选带动态pageid的已选中复选框？

你的选择器语法有误，导致无法正确匹配元素。错误出在把元素类型input放进了属性选择器的方括号里，正确的写法应该是将元素类型、伪类和属性选择器直接组合。

错误原因 #

你写的[input[type="checkbox"]:checked][pageid=${myPageIDVariable}]不符合CSS选择器规则：属性选择器[attr]是用来匹配带指定属性的元素，不能在其内部嵌套元素类型声明。多个选择条件应该直接连写，不需要额外的方括号包裹。

正确写法 #

1. 硬编码pageid值 #

let checkboxes = document.querySelectorAll('input[type="checkbox"]:checked[pageid="3"]');

2. 使用动态变量 #

如果myPageIDVariable是字符串或数字，为了避免特殊字符导致的问题，建议用引号包裹变量值：

let myPageIDVariable = 5; // 示例动态值
let checkboxes = document.querySelectorAll(`input[type="checkbox"]:checked[pageid="${myPageIDVariable}"]`);

3. 简化写法（可选） #

如果页面中没有其他类型的选中输入框（如radio），可以省略[type="checkbox"]，进一步简化：

let checkboxes = document.querySelectorAll(`input:checked[pageid="${myPageIDVariable}"]`);

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