Javascript 选择单选按钮并显示表格中选定行的值

当我点击status单选按钮时，我应该显示下表下面的整行

创建另一个表的目的是我试图编辑第二个数据表中的代码。请注意，有多行和多个单选按钮，如果我选择任何单选按钮，我应该能够在单独的表中显示相应的行并保存

你能帮我展示一下表格吗？然后我就可以做保存部分了

<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>

地位
名称
代码
水平
日期

---

您需要向每个

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>

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