Zliczanie zaznaczonych checkboxsów

Question

Witam!

Mam kod odpowiedzialny za zaznaczenie chceckboów w danych formularzu. Oto kod: 

function makeCheck(thisForm)
{

for(var i=0; i<thisForm.length; i++)
{

thisForm[i].checked=true

}

}


function makeUncheck(thisForm)
{

for(var i=0; i<thisForm.length; i++)
{

thisForm[i].checked=false

}

}

 

<div class="btn-group">
<input type="button" value="Zaznacz" onclick="makeCheck(this.form)" class="btn checkall"> 
</div>

<div class="btn-group">
<input type="button" value="Odznacz" onclick="makeUncheck(this.form)" class="btn uncheckall">
</div>

Chciałbym, żeby pokazywało mi w alercie ile checkboxów zostało zaznaczonych, ale tylko w tym danym formularzu.

Comments

https://developer.mozilla.org/pl/docs/Web/API/Element/addEventListener

Answer 1

Tutaj masz PRZYKŁAD na codepen zliczania zaznaczonych checkbox i "na żywo" wyświetlanie ile zostało zaznaczonych. Nie jest to kod najwyższych lotów :) ale chodziło mi bardziej aby na szybko pokazać jakiś przykładowy sposób. Oblatuję tutaj w forEach wszystkie checkbox i przypisuję im nasłuchiwanie na "change" i analizuję ich atrybut checked. Na początku jeszcze pobieram wszystkie checkbox i zliczam "startową" ilość zaznaczonych. Następnie po zmianie któregoś z nich odpowiednio pomniejszam lub zwiększam liczbę zaznaczonych.

To taki mały przykład żeby nieco nakreślić jakiś pomysł na Twój problem i zachęcić Cię do poznania różnych metod Array.prototype:)

Answer 2

Za pomocą pętli forEach możesz sobie wykonać na każdym elemencie tablicy sprawdzenie na przykład czy ten element ma pole checked równe true. I jeśli ma to zwiększasz sobie jakiąś zmienną o jeden, a na koniec wyświetlisz sobie wynik w alercie lub chyba lepiej może w console.log