0

Javaスクリプトに「行の追加」機能があります。追加する行数を 10 行以下に制限するにはどうすればよいですか? これが私のコードです。助けてくれてありがとう！

$(document).on('click', '#addAddOnDay', function() {
    var rowCount = $('#addOnDay tr').length + 1;
    var rowClass = (rowCount % 2 != 0) ? 'rowOdd' : 'rowEven';
    $('#addOnDay').append('<tr class="'+ rowClass +'"> \
<td align="center"><input type="text" class="text" style="width: 99%;" /></td> \
<td align="center"><input type="radio" name="4a_1"> <label>Yes</label> &nbsp; <input type="radio" name="4a_1" checked> <label>No</label></td> \
<td align="center">20000 or 95%</td> \
<td align="center" class="rollUpDisplay">1</td> \
</tr>');
});
4

3 に答える 3

1 
$(document).on('click','#addAddOnDay',function(){

                var rowCount = $('#addOnDay tr').length; // current number of rows
                if(rowCount >= 10) {
                        return ;
                        }
   // Rest of the code....

                    });
于 2013-09-05T18:18:33.943 に答える
1

おまけの状態で封入

if( $('#addOnDay ').find('tr').length < 10) {

    // your code here
}
于 2013-09-05T18:18:41.253 に答える
0

関数の先頭に既に存在する行数のチェックを追加し、それが 10 以上の場合は救済できます。

if ($('#addOnDay tr').length >= 10)
    return;

実際には、ゼブラ ストライピングを実行するために既にカウントをチェックしているので、追加のチェックを追加するだけです。

$(document).on('click','#addAddOnDay',function(){
    var rowCount = $('#addOnDay tr').length;
    if (rowCount >= 10)
        return false;
    var rowClass = (rowCount + 1) % 2 == 0 ? 'rowEven' : 'rowOdd';
    ...
});
于 2013-09-05T18:18:32.973 に答える