请问高手个js 删除修改表格内容的问题

请问高手个js 删除修改表格内容的问题<table width="200px;" border="1">
<tr>
<td><input type="radio" id="radio1" /></td>
<td>名字</td>
<td>年纪</td>
</tr>
<tr>
<td><input type="radio" id="radio2" /></td>
<td>名字</td>
<td>年纪</td>
</tr>
<tr>
<td><input type="radio" id="radio3" /></td>
<td>名字</td>
<td>年纪</td>
</tr>
<tr>
<td><input type="radio" id="radio4" /></td>
<td>名字</td>
<td>年纪</td>
</tr>
</table>
<button onclick="bian()">修改</button>
<table>
<tr>
<td>名字<input type="text" id="t1" /></td>
<td>年纪<input type="text" id="t2" /></td>
</tr>
</table>上面是body里面的内容我想用js 写个方法bian()  来做修改和删除表格内容想实现这样的效果
就是 单选框选择哪个   下面的文本是上面内容  就把选择的表格按下面文本框的内容变了要怎么做？  删除也是 我想实现  单选一个radio   然后点删除 就把整行都删除了 要怎么做呢？

解决方案 »

  1.   

     <html><head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>

    <script type="text/javascript">
    function bian(){
       var $chk = $("input:radio").filter(":checked");
       if($chk.length == 0){
          alert('请选择要修改的行!');
          return;
       }
     
       $chk.parent().next().text($("#t1").val());
       $chk.parent().next().next().text($("#t2").val());
    }
    </script>
    </head><body>
    <p>If you click on me, I will disappear.</p>
    <table width="200px;" border="1">
    <tr>
    <td><input type="radio" id="radio1" name='radBian' /></td>
    <td>名字</td>
    <td>年纪</td>
    </tr>
    <tr>
    <td><input type="radio" id="radio2" name='radBian' /></td>
    <td>名字</td>
    <td>年纪</td>
    </tr>
    <tr>
    <td><input type="radio" id="radio3"  name='radBian'/></td>
    <td>名字</td>
    <td>年纪</td>
    </tr>
    <tr>
    <td><input type="radio" id="radio4"  name='radBian'/></td>
    <td>名字</td>
    <td>年纪</td>
    </tr>
    </table>
    <button onclick="bian()">修改</button>
    <table>
    <tr>
    <td>名字<input type="text" id="t1" /></td>
    <td>年纪<input type="text" id="t2" /></td>
    </tr>
    </table>
    </body></html>