Подсчитайте количество проверочных строк в динамической форме

Question

Я очень новичок в jquery и javascript, и я надеюсь, что кто-нибудь сможет мне помочь узнать, как подсчитать количество строк, у которых есть все флажки.

У меня есть флажок с динамическим количеством строк и 3 флажка в каждой строке. Я хочу выяснить, сколько строк проверено на всех трех флажках. Все строки имеют id tr0, tr1, tr2 ...

Это то, что у меня есть до сих пор, оно проверяет первую строку (tr0) в моей форме и предупреждает «1», если все флажки отмечены в этой строке после того, как вы представите свой стол. При тестировании у меня есть 3 tr rows + 1 header.

$(function howManyAreChecked() { 
    var checkedBoxes = 0; 
    //when the submit button under the table is clicked 
    $("#tabellSubmit").click(function howMany() { 
    var rowCount = $('#qaTabell tr').length; 

    //checks if row tr0 has all the boxes checked 
    if($("#qaTabell #tr0 input:checked").length > 2) 
     checkedBoxes = checkedBoxes +1; 

    alert(checkedBoxes); 
    checkedBoxes = 0; 
    }); 
}); 

Что мне нужно знать, как я могу изменить, если тест, чтобы проверить tr0, TR1, TR2, tr3 ... до тр (количество строк в таблице), а не только tr0.

Заранее благодарен!

Answer 1

Вы должны использовать .on(), чтобы учесть строки, которые еще не созданы, поскольку они являются динамическими.

$("#tabellSubmit").on('click', function(){}); 

jQuery .on() reference