JSFiddle - React, Tailwind, and code Playground

HTML

<input type="submit" value="submit" onclick="suma()" />

<table id="one" border="1">
  <tr>
    <td>
      <input type="checkbox">
    </td>
    <td>1</td>
    <td> 2</td>
  </tr>
  <tr>
    <td>
      <input type="checkbox">
    </td>
    <td> 3</td>
    <td> 4</td>
  </tr>
  <tr>
    <td>
      <input type="checkbox">
    </td>
    <td> 5</td>
    <td> 6</td>
  </tr>
  <tr>
    <td>
      <input type="checkbox">
    </td>
    <td>7</td>
    <td> 8</td>
  </tr>
  <tr>
    <td>
      <input type="checkbox">
    </td>
    <td>9</td>
    <td>10</td>
  </tr>
  <tr>
    <td>
      <input type="checkbox">
    </td>
    <td>11</td>
    <td>12</td>
  </tr>

</table>
<table id="two" border="1">
  <th> msg1</th>
  <th> msg2</th>
  <th> msg3</th>
  <th> msg4</th>
  <th> msg5</th>
  <th> msg6</th>
</table>

JavaScript

function suma() {
  $('#one').on("click", function() {
    var appendStr = "<td> a </td><td> b</td><td> c</td>";
    $('#one input:checked').parent().parent().wrap("<tr></tr>").append(appendStr).appendTo("#two");
  });
}