選擇一個單選按鈕並顯示表中所選行的值

Question

單擊狀態單選按鈕時，應在下表下方顯示整行。

創建另一個表的目的是我試圖編輯第二個數據表中的代碼。 請注意，有多個行和多個單選按鈕，如果我選擇任何一個單選按鈕，我應該能夠在單獨的表中顯示相應的行並保存。

您能幫我顯示表格嗎，然后我可以進行保存工作？

<div style="overflow: auto; max-height: 450px; width: 420px;">
  <table class="mytable">
    <tr>
      <th width="120" align="center" colspan="2">Status</th>
      <th width="130" align="center">Name</th>
      <th width="50" align="center">Code</th>
      <th width="50" align="center">level</th>
      <th width="120" align="center">Date</th>
    </tr>

    <%
      int index = 1;
    %>

    <c:forEach items="${List.Rates}" var="state">
      <tr id="rateRow1<%=index%>">      
      <td align="center"><input id="dummyRadio<%=index%>" name="<%=index%>" type="radio"/></td>
      <td align="left" id="rateAdjType<%=index%>" title="<c:out value="${state.key.Status}"/>"><c:out value="${state.key.Status}"/></td>        
      <td><c:out value="${state.Name}"/></td>   
      <td><c:out value="${state.Code}"/></td>   
      <td><c:out value="${state.level}"/></td>  
      <td><c:out value="${state.date}"/></td>                   
      </tr>         
    </c:forEach>

Answer 1

您需要為每個td添加類名稱，並向單選按鈕示例添加一個新類：

<c:forEach items="${List.Rates}" var="state">
  <tr id="rateRow1<%=index%>">        
    <td align="center"><input id="dummyRadio<%=index%>" class="class_radio" name="<%=index%>" type="radio"/></td>
    <td align="left" id="rateAdjType<%=index%>" title="<c:out value="${state.key.Status}"/>"><c:out value="${state.key.Status}"/></td>      
    <td class="class_name"><c:out value="${state.Name}"/></td> 
    <td class="class_code"><c:out value="${state.Code}"/></td> 
    <td class="class_level"><c:out value="${state.level}"/></td>    
    <td class="class_date"><c:out value="${state.date}"/></td>                 
  </tr>           
</c:forEach>

稍后，您可以按以下方式獲取每個td值：

$(".classradio").change(function(){
  var name = $(this).parent().find(".class_name").val();
  var code = $(this).parent().find(".class_code").val();
})