如何將選中的復選框值轉到另一個表？

Question

是否可以將選中的 chackbox 值放到另一個表中？ 在我選擇我想要的用戶后，它會出現在它旁邊的表格中。 我當前的 JS 代碼看起來“很奇怪”，我似乎沒有完成。 :(

非常感謝您的幫助，並在此先感謝。

彼得

=== JS ===
$("input[type='checkbox']").val();
 $('input[type="checkbox"]:checked').each(function() {
   var user = $(this).closest("tr").find("td:nth-child(2)").text();        
   document.getElementById("user-list").innerHTML = user ;
 });  

});

=== (Users List)===
<table>
<tr>
 <th>No</th>
 <th>Name</th>
 <th>ID</th>
 <th>Action</th>
</tr>
<tr id="user-list">
 <td>1</td>
 <td>Peter</td>
 <td>1234</td>
 <td><input type="checkbox" value="Peter" ></td>
</tr>
<tr>
 <td>2</td>
 <td>Adam</td>
 <td>643</td>
 <td><input type="checkbox" value="Adam" ></td>
</tr>
</table>

=== (Selected User) ===
<table>
<tr>
 <th>No</th>
 <th>Name</th>
</tr>
<tr>
 <th>1</th>
 <th>Adam</th>
</tr>
</table>

User List
| No | Name | ID | Action |
|----|------|----|--------|
|1   |Peter |123 | [ ]    |
|2   |Adam  |643 | [/]    |

Selected User
| No | Name |
|----|------|
|1   |Adam  |

Answer 1

我給你一個示例代碼供你參考：

 function addUser(vv){ if (vv.checked){ let row=$(vv).parents("tr")[0]; let selectedUserTable=document.getElementById("selectedUser"); let selectedUserRow=selectedUserTable.insertRow(selectedUserTable.rows.length); let cell=selectedUserRow.insertCell(selectedUserRow.cells.length); cell.textContent=row.cells[0].textContent; cell=selectedUserRow.insertCell(selectedUserRow.cells.length); cell.textContent=row.cells[1].textContent; } }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <table> <tr> <th>No</th> <th>Name</th> <th>ID</th> <th>Action</th> </tr> <tr id="user-list"> <td>1</td> <td>Peter</td> <td>1234</td> <td><input type="checkbox" value="Peter" onchange="addUser(this)"></td> </tr> <tr> <td>2</td> <td>Adam</td> <td>643</td> <td><input type="checkbox" value="Adam" onchange="addUser(this)"></td> </tr> </table> <table id="selectedUser"> </table>