Javascript 选中复选框的数目

如何将此代码从jQuery重写为vanilla JavaScript？我需要看看有多少复选框被选中。问题是我不知道如何从总分中删除未选中的复选框

$(function () {
    var countChecked = function () {
        var n = $("input:checked").length;
        $(".output").text(n);
    };
    countChecked();

    $("input[type=checkbox]").on("click", countChecked);
});

接下来我该怎么办

var box = document.querySelectorAll('form input');
var par = document.querySelector('.output');
var great = 0;

for (var i = 0; i < box.length; i++) {
    box[i].addEventListener('click', countIt);
    function countIt() {
        for (var i = 0; i < box.length; i++) {
            if ( box[i].checked ) {
                great++
                par.innerHTML = great;
                return
            }
        }
    }
}

var-box=document.querySelectorAll（'forminput'）；
var PAR =文档.QuestS选择器（'.Outlook）；
var=0；
对于（变量i=0；i

您需要在每次计数时重置

great

变量（例如，将其移动到

countIt

函数中）

var-box=document.querySelectorAll（'forminput'）；
var PAR =文档.QuestS选择器（'.Outlook）；
函数countIt（）{
var=0；
对于（变量i=0；i

---

您还可以将

countIt

函数定义移出循环，并使用

innerHTML

设置将其移出循环。

它不是只计算复选框吗？好的

$（“输入：选中”）。length

已经为您提供了计数，您还想做什么？谢谢您的帮助）

var box = document.querySelectorAll('form input');
var par = document.querySelector('.output');

function countIt() {
    var great = 0;
    for (var i = 0; i < box.length; i++) {
        if (box[i].checked) {
            great++;
        }
    }

    par.innerHTML = great;
}

for (var i = 0; i < box.length; i++) {
    box[i].addEventListener('click', countIt);
}