2014-11-24 30 views
1

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

我需要知道的是,我怎麼可以改變,如果測試來檢查TR0,TR1,TR2,TR3 ...高達TR(表中的行數),而不是隻TR0的。

提前致謝!

+0

我很新的這所以我是個有點困惑如何,可以幫助我。我在最後有一個提交按鈕的表格。當你點擊提交按鈕時,函數howManyAreChecked()會啓動並計算檢查所有框的行數。我需要知道的是如何找出我有多少行,並更改if-test來檢查tr0,tr1,tr2,tr3 ...直到tr(表中的行數)而不是tr0。 – meisu 2014-11-24 21:18:59

回答

0

您必須使用.on()來考慮尚未創建的行,因爲它們是動態的。

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

jQuery .on() reference

+0

我編輯了我的帖子,但#tabellSubmit是在表格加載後顯示的提交按鈕,所以我還沒有遇到問題。 – meisu 2014-11-24 20:57:15