禁用每个未选中的复选框

Question

我有一堆表单，每个表单都有一个复选框，当满足条件时，我想禁用每个未选中的复选框。

我试过这样做，但没有运气

if (updateShowcasedProducts.length == 12) {                                    
 document.querySelectorAll('input[type="checkbox"]:not(:checked)').disabled = true;
    }

我最好只使用 vanilla javascript。

Answer 1

querySelectorAll 返回一个 NodeList 对象，您必须使用该对象遍历元素并禁用它们。

if (updateShowcasedProducts.length == 12) {                                    
    document.querySelectorAll('input[type="checkbox"]:not(:checked)').forEach((element) => {
       element.disabled = true;
    });
}