匹配输入与多个属性选择器

Question

我有一个输入元素：

<input type='checkbox' name='abc' />

如何使用querySelector使用这两个属性选择它？

我尝试了以下查询：

input[name="abc", type="checkbox"]

但不幸的是出现了一个错误：

  

无法执行＆＃39; querySelector＆＃39;上...

Answer 1

您需要将每个属性/属性用它自己的方括号括起来。

input[name="abc"][type="checkbox"]

console.log(document.querySelector('input[type="checkbox"][name="abc"]'));

<input type='checkbox' name='abc' />