Javascript 表中每行的隐藏复选框

在这个web应用程序中，我从数据库获取请求，并在jsp页面的表中显示数据。我想添加一个函数，在每一行旁边显示一个复选框，这样复选框只在鼠标悬停在该行上时才会出现。选中该复选框将使我能够从行中提取数据，以便将新数据插入到数据库中。任何有关这方面的帮助都将不胜感激。 谢谢 这是我当前的代码

<table class="actable" >
 <tr>
  <td>RequestID</td>
  <td>Requester</td>
  <td>Approver</td>
  <td>Status</td>
  <td>Product</td>
  <td>Version</td>
  <td>Source</td>
  <td>Destination</td>
 </tr>
 <%
 for(int i=0;i<reqjsp.size();i++) //reqjsp being the ArrayList that I forward to this jsp from my servlet
 {
 %>
 <tr>  
  <td><%= reqjsp.get(i).getRequestid() %></td>               
  <td><%= reqjsp.get(i).getRequestor() %></td>  
  <td><%= reqjsp.get(i).getApprover() %></td>  
  <td><%= reqjsp.get(i).getStatus() %></td>  
  <td><%= reqjsp.get(i).getProduct() %></td>
  <td><%= reqjsp.get(i).getVersion() %></td>
  <td><%= reqjsp.get(i).getSource() %></td>  
  <td><%= reqjsp.get(i).getDestination() %></td>  
 </tr> 
 <%} %>          
  </table> 

请求ID
请求者
批准人
地位
产品
版本
来源
目的地
您可以使用CSS执行此操作：

.actable tr input[type=checkbox] {
    display: none;
}

.actable tr:hover input[type=checkbox] {
    display: inline-block;
}

|
添加一个未选中的隐藏复选框，然后在悬停时显示它，如果未选中，则在鼠标上隐藏它。谢谢。但问题是复选框必须在行之外。这会将它们插入表本身。或者有没有办法完全隐藏一列？@AnkurChachra:如果复选框在表中，那么它们必须在表单元格中（
td
），因为它们在其他任何地方都是无效的。
td
的唯一有效位置是
tr
。是的，您可以隐藏整个列，但是如果随后在单独的行上显示该列，则显示会令人不快。只需将复选框放在现有单元格中，可能是向右浮动或类似。