Kontrol edilen onay kutularının sayısı

Question

JQuery'den vanilla JavaScript'e bu kodu nasıl yazılır? Kaç tane onay kutusunun kontrol edildiğini görmem gerek. Sorun, toplam skordan işaretlenmemiş onay kutularının nasıl kaldırılacağını bilmiyorum.

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

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

Şimdi ne yapmalıyım?

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 
      } 
     } 
    } 
} 

Answer 1

Sen (countIt işlevi içinde taşıyarak örneğin) saymak great değişken her zaman sıfırlamak gerekir.

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); 
} 

Ayrıca döngü ve innerHTML ayarı ile aynı dışına countIt işlevi tanımı taşıyabilirsiniz.