javascript - 以动态形式计算已检查的行数

Question

这个问题已经有答案了:

Event binding on dynamically created elements? (23 个回答)

已关闭 8 年前。

我对 jquery 和 javascript 非常陌生，我希望任何人都可以帮助我了解如何计算所有复选框均已选中的行数。

我有一个复选框表单，其中包含动态行数和每行 3 个复选框。我想知道有多少行选中了所有 3 个复选框。所有行的 ID 为 tr0、tr1、tr2 ...

这就是我到目前为止所拥有的，它会检查表单中的第一行 (tr0)，如果在提交表格后该行中的所有框都被选中，则会发出警报“1”。测试时我有 3 tr 行 + 1 个标题。

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

我需要知道的是如何更改 if-test 以检查 tr0、tr1、tr2、tr3... 直到 tr(表中的行数)而不是仅检查 tr0。

提前致谢!

Answer 1

您必须使用 .on() 来考虑尚未创建的行，因为它们是动态的。

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

<强> jQuery .on() reference