javascript - 优雅地处理复选框

Question

我目前正在处理一些 JavaScript，用于检查复选框中是否存在选中的复选框。这段 JavaScript 代码或多或少写得很糟糕，我们在代码中的多个位置进行了多次检查，以查看该复选框是否被选中。我问是否有一种优雅的方法来为复选框选项设置主覆盖，该复选框选项只检查一次，以提高性能并保持代码干燥。基本上现在对于每个需要检查的地方我都会去

if($("#element").attr("checked")){ 
    do something... 
} else {
    do something else...
}

我对 javascript 有点菜鸟，所以我想知道这是一个最佳实践问题。

Answer 1

一种方法是获取当前页面上选中的所有复选框，然后迭代它们。

var checkedBoxes = document.querySelectorAll("input:checked");

for (var i =0; i<checkedBoxes.length; i++)
{
   //do something
}

这只适用于 FF 3.1+、Safari 3.1+、IE8+ 和 Chrome 4+

另请注意，querySelectoAll 返回一个 NodeList(不是数组)。