禁用每个未选中的复选框
我有一堆表单，每个表单都有一个复选框，当满足条件时，我想禁用每个未选中的复选框。
我试过这样做，但没有运气
if (updateShowcasedProducts.length == 12) {
document.querySelectorAll('input[type="checkbox"]:not(:checked)').disabled = true;
}
我最好只使用 vanilla javascript。
回答
querySelectorAll 返回一个 NodeList 对象，您必须使用该对象遍历元素并禁用它们。
if (updateShowcasedProducts.length == 12) {
document.querySelectorAll('input[type="checkbox"]:not(:checked)').forEach((element) => {
element.disabled = true;
});
}