Append checked checkbox values to another Table

Append checked checkbox values to another Table

Hello,

I have a modal popup that populates the following html shown in the link below. 
When I select the checkbox(s), it's respective row/column values need to be appended to another table inside div ("ResultTable"). Currently, only one row gets appended. Please assist.

  1. <table id="mytable">
  2.   <tr>
  3.     <th>FileName</th>
  4.     <th>Period</th> 
  5.     <th>Select</th>
  6.   </tr>
  7.    <tr>
  8.     <td>Ginger Ale</td>
  9.     <td>2015</td>
  10.     <td><input type="checkbox"  name="case[]"/></td>
  11.   </tr>
  12.   <tr>
  13.     <td>Mocha White</td>
  14.     <td>2012</td>
  15.     <td><input type="checkbox"  name="case[]"/></td>
  16.   </tr>
  17.   <tr>
  18.     <td>Fanta Cola</td>
  19.     <td>2016</td>
  20.     <td><input type="checkbox"  name="case[]"/></td>
  21.   </tr>
  22.    <tr>
  23.     <td>Laughing Therapy</td>
  24.     <td>2008</td>
  25.     <td><input type="checkbox"  name="case[]"/></td>
  26.   </tr>
  27.   <tr>
  28.     <td>Build Page</td>
  29.     <td>2014</td>
  30.     <td><input type="checkbox"  name="case[]"/></td>
  31.   </tr>
  32. </table>
  33. <button id="btnGetCheckedboxes">Get Result</button>
  34. <div id="ResultTable">

  35. </div>


Script:

  1. $(document).ready(function($) {
  2. $('#btnGetCheckedboxes').click(function () {
  3. $("#ResultTable").empty();
  4.    /* $('#mytable').find('tr').each(function () {
  5.         var row = $(this);
  6.        // if (row.find('input[type="checkbox"]').is(':checked')) { 
  7.        if (row.find('input[name="case[]"]').is(':checked')) {     
  8. $('#ResultTable').append('<table><tr data-for="'
  9. +'"><td>'
  10. +row.closest("td")
  11. +'</td>'
  12.             +'<td>'
  13. +"TEST334"
  14. +'</td>'
  15. +'</tr></table>');
  16.         }       
  17.     });*/
  18.     
  19.     var values = new Array();
  20.        $.each($("input[name='case[]']:checked").closest("td").siblings("td"),
  21.               function () {
  22.                    values.push($(this).text());         
  23.             
  24.            });  
  25.                      //alert(values);
  26.              $('#ResultTable').append('<tr data-for="'
  27. +'"><td>'
  28. +values[0]
  29. +'</td>'
  30.             +'<td>'
  31. +values[1]
  32. +'</td>'
  33. +'</tr>');
  34.             
  35.        //alert("val---" + values.join (", "));
  36.  
  37. });
  38. });