Question

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

Answer 1

将其置于额外条件

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

    // your code here
}

Answer 2

您可以添加检查函数开头已经存在的行数，如果它处于或大于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';
    ...
});

Answer 3

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

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

                    });

在“添加行”功能中限制添加到10的行数

3 个答案: