html中如何将选中的表格的一行显示在对应的文本框中

<html>
     <head>
      <title>问卷显示系统 ：</title>     
  <link  type="text/css" href="qsystem.css"  rel="stylesheet" />   
  <script src="jquery.js" type="text/javascript"></script>
  <script src="qsystem.js" type="text/javascript"></script>
 </head>
 <body>
    <div id="wrap">
       <table id="qystemtable" class="qystemclass">
        <thead >
        <tr >
      <td width="80">&nbsp;</td>
  <td width="80">问卷名</td>
  <td width="120">分数</td>
  <td width="120">创建者</td>
  <td>&nbsp;</td>
</tr>
    </thead>
<tbody id="qsystemTbody" class="tbodyclass">
    <tr>
   <td><input type="radio" name="radioTable" onclick=("synchronous()") id="radioTa" /></td>
   <td  class="number">103520430</td>
   <td class="result">89</td>
   <td align="left" class="creat">李飞</td>
   <td><input type="button" value="delete" onclick="$(this).parent().parent().remove();" class="deleteClass"></td>
</tr>
 <tr>
   <td><input type="radio" name="radioTable" onclick=("synchronous()") id="radioTa" /></td>
   <td  class="number">103520431</td>
   <td class="result">95</td>
   <td align="left" class="creat">王飞</td>
   <td><input type="button" value="delete" class="deleteClass" onclick="$(this).parent().parent().remove();"/></td>
</tr>
</tbody>    
   </table>
   <fieldset id="fiele" class="fieldclass">
      <legend>信息：</legend>
        <ul  class="ulclass">
   <li><label>问卷名：</label><input type="text" id="theTest"/></li>
   <li><label>分数：&nbsp&nbsp </label><input type="text" id= "theSore"/></li>
   <li><label>创建者：</label><input type="text" id="theName"/></li>
   <li><input id= "addorupdate" type="button" class= "radioClass" value="添加/更新" onclick="addorupdate() " /></li>
</ul>
   </fieldset>
         </div>      
 </body>
</html>

解决方案 »

  1.   

    一下是qsystem.js的内容：$(document).ready(function() {
       $('#radioTa').click(synchronous);
      
    });
    function addorupdate() {
        
        var test = $("#theTest").val();
    var sore = $('#theSore').val();
    var name = $('#theName').val();
    $("#qsystemTbody").children().children().next().each(function(i){
    if(test == $(this).text()){
    $(this).parent().remove();
    }
     });
    var tr= '<tr>' +
    '<td><input type="radio" name="radioTable"  id="radioTa" onclick=("synchronous()") checked="checked"  /></td>' +
                '<td  class="number">' + test + '</td>' +
    '<td class="result">' + sore + '</td>' +
    '<td class="creat">' + name + '</td>' +
    '<td><input type="button" value="delete" class="deleteClass"  onclick="$(this).parent().parent().remove();"/></td>' +
    '</tr>';
        $("#qystemtable").append(tr);
    }function synchronous(){
       
    var table1 = document.getElementById('qsystemTbody').rows[0].cells ;
        alert(table1[1].innerHTML);
    //alert(table1[2].innerHTML);
        //alert(table1[3].innerHTML);
    $("#theTest").val(table1[1].innerHTML);
    $("#theSore").val(table1[2].innerHTML);
        $("#theName").val(table1[3].innerHTML);

    var table2 = document.getElementById('qsystemTbody').rows[1].cells ;
       $("#theTest").val(table2[1].innerHTML);
    $("#theSore").val(table2[2].innerHTML);
            $("#theName").val(table2[3].innerHTML);
    }
    //   怎么样能设置一个循环变量  ，可以在任意选中一行后，将内容对应的显示在下方的文本框中，希望朋友们给个提示啊 ，谢谢！！！
      

  2.   

    qsystem.js //var  使用this指针var tr= '<tr>' +
    '<td><input type="radio" name="radioTable" id="radioTa" onclick="synchronous(this)" checked="checked" /></td>' +
      '<td class="number">' + test + '</td>' +
    '<td class="result">' + sore + '</td>' +
    '<td class="creat">' + name + '</td>' +
    '<td><input type="button" value="delete" class="deleteClass" onclick="$(this).parent().parent().remove();"/></td>' +
    '</tr>';