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

时间:2014-11-24 20:07:06

标签: javascript jquery dynamic checkbox

我是jquery和javascript的新手,我希望有人可以帮我找出如何计算检查了所有复选框的行数。

我有一个复选框表单,每行有动态行数和3个复选框。我想知道的是检查了所有3个复选框的行数。所有行都有id tr0,tr1,tr2 ......

这是我到目前为止,它检查表单中的第一行(tr0)并在提交表格后检查该行中的所有复选框时提醒“1”。测试时我有3行+ 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。

提前致谢!

1 个答案:

答案 0 :(得分:0)

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

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

<强> jQuery .on() reference