-3

この 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>
4

1 に答える 1

3

CSS でこれを行うことができます。

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

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

実例| ライブソース

于 2013-09-17T09:33:18.467 に答える