javascript - 在 SPRING MVC 和 JSP 环境中使用 jquery 和 ajax 呈现表的复选框

Question

我正在使用 ajax从数据库中检索数据并填写 data table在前端。我的代码工作正常并且 <table>呈现正确，但我想要一个 checkbox在第一列。我尝试了几种解决方案，但仍在与此作斗争。

我的表:

<table id="importIssueTable">
    <tr>
        <td></td>
        <td>Key</td>
        <td>Title</td>
        <td>Estimate in minutes</td>
    </tr>    
</table> 

ajax调用

$('#searchButton').click( function() {
        alert('in submit function');
        $.ajax({
            type: 'GET',
            url: 'getIssues',
            data: $("#importIssuesForm").serialize(),
            dataType: 'json',
            success: function(data) {
                $.each(data, function(index, result) {
                    var $tr = $('<tr/>');
                    $tr.append($('<td/>').html()); //checkboxes here! 
                    $tr.append($('<td/>').html(result.thirdPartyId));
                    $tr.append($('<td/>').html(result.issueTitle));
                    $tr.append($('<td/>').html(result.originalEstimate));
                    $('#importIssueTable tr:last').after($tr);
                });            
            }
        });
    });

没有 checkboxes 表 渲染得很好，但我希望有一种机制可以从 table 中选择多个元素。 .

Answer 1

*我认为下面的代码会对您有所帮助。*

 var str;
 $.each(data, function(index, result) {

     str +='<tr><td><input type="checkbox" name="name[]"></td>'; 
     str +='<td>'+result.thirdPartyId+'</td>'; 
     str +='<td>'+result.issueTitle+'</td>'; 
     str +='<td>'+result.originalEstimate+'</td></tr>'; 
}); 

$('#importIssueTable').append(str);

并立即附加动态内容，而不是在会导致性能问题的每个循环中。