javascript - 如何仅对具有特定属性集的元素使用 querySelectorAll？

Question

我正在尝试使用 document.querySelectorAll对于所有具有 value 的复选框属性集。

页面上还有其他复选框没有value设置，并且每个复选框的值都不同。但是 ID 和名称不是唯一的。

例子: <input type="checkbox" id="c2" name="c2" value="DE039230952"/>

如何只选择那些设置了值的复选框？

Answer 1

您可以像这样使用 querySelectorAll():

var test = document.querySelectorAll('input[value][type="checkbox"]:not([value=""])');

这转化为:

get all inputs with the attribute "value" and has the attribute "value" that is not blank.

In this demo , 它会禁用具有非空值的复选框。