複製從一個表到另一個表的複選行

Question

實際上，我正在尋找將一個div（表1）的表中複選的行復制到另一個div（表2）的表中。但對於下面的腳本，當我檢查多個複選框時，第一個選中的行將被最後一個選中的行替換。但是我希望表1的每個檢查行都應該逐一列在表2中。

任何幫助表示讚賞。提前致謝！！！

HTML

<div class="form-group" id="jqcc" > 

     <table id="order-table" name="order-table"> 
      <tr> 
       <th>Select</th> 
       <th>Medication</th> 
       <th>Max Issue Limit</th>               
      </tr> 
      <tbody></tbody>             
     </table>             
</div> 

的Javascript

<script> 
     var tableControl = document.getElementById('order-table'); 
     $('#jqcc').click(function() { 
     var result = [] 
     var x1; 
     var tab; 

     var count = document.querySelectorAll('input[type="checkbox"]:checked').length; 


     $('input:checkbox:checked', tableControl).each(function() {       

      result.push($(this).parent().next().text() + "," + "<br>"); // refers title of product 

      $(this).closest('tr').find('input').each(function() { 

      x1 = $(this).val(); // refers price of product 


     }) 

     tab = "<tr><td>" + result + "</td>"; 
     tab += "<td>" + x1 + "</td>"; 
     tab += "<td>" + x1 + " </td>"; 
     tab += "<td><button type='button' onclick='deletePerson(this);' class='btn btn-default'> <span class='glyphicon glyphicon-remove' /></button></td>"; 
     tab += "</tr>"; 
     tab += "</tbody>" 

     $("#charges").html("<table id='peopleTable' class='table table-bordered table-condensed table-striped'><thead><tr><th>Description</th><th>Actual Amount</th> <th>Claim Amount</th> <th></th></tr></thead>" + tab + "</table>").show(); 

    }); 

}); 
</script> 

Answer 1

你嘗試改變：

<script> 
    var tableControl = document.getElementById('order-table'); 
    $('#jqcc').click(function() { 
    var result = [] 
    var x1; 
    var tab = ""; 

    var count = document.querySelectorAll('input[type="checkbox"]:checked').length; 
    $("#charges").html("<table id='peopleTable' class='table table-bordered table-condensed table-striped'><thead><tr><th>Description</th><th>Actual Amount</th><th>Claim Amount</th> <th></th></tr></thead><tbody></tbody></table>").show(); 

    $('input:checkbox:checked', tableControl).each(function() {       

     result.push($(this).parent().next().text() + "," + "<br>"); // refers title of product 

     $(this).closest('tr').find('input').each(function() { 

     x1 = $(this).val(); // refers price of product 

     // 
     tab = "<tr><td>" + result + "</td>"; 
     tab += "<td>" + x1 + "</td>"; 
     tab += "<td>" + x1 + " </td>"; 
     tab += "<td><button type='button' onclick='deletePerson(this);' class='btn btn-default'> <span class='glyphicon glyphicon-remove' /></button></td>"; 
     tab += "</tr>"; 


     // append row html to table with id 
     $("#peopleTable").append(tab); 

    })  
}); 

}）;