页面中插入和删除的问题

需要在页面中实现这样的功能：
点一下插入，在一个表格中添加一条记录。分别是姓名text,身份证号码text,还有一个是/否选项radio。点一下删除，从这个表格中删除最后一条记录。请问应该如何写代码？
谢谢！

解决方案 »

  1.   

    用appendChild()的方法，添加你想要插入的节点，并用removeChild()的方法来删除你想要删除的节点
      

  2.   


    <html>
    <head>
    <script src="jquery-1.3.2.min.js"></script> 
    <script>
    $(function(){$("#btn_add").click(function(){
      var newtr='<tr><td><input type="text"></input></td><td><input type="text"></input></td><td><input name="test" type="radio" value="1"/><label for="test_0">是</label><input name="test" type="radio" value="0"/><label for="test_0">否</label></td></tr>';
      $("#table1").append(newtr);
        
    });$("#btn_del").click(function(){
    $("#table1 tr:last").remove();    
    });});
    </script>
    <style> 
     
      table {
        background:#eeeeee;
      }
      
    </style>
    <style>html,body{border:0; margin:0; padding:0;}</style></head>
    <body>
    <input type="button" id="btn_add" value="Add" style="width:100px"></input>
    <input type="button" id="btn_del" value="Delete" style="width:100px"></input>
    <br>
    <table border="1" id="table1">
      <tr><td><input type="text" value="Zhang San"></input></td><td><input type="text" value="123456789987456321"></input></td><td><input name="test" type="radio" value="1" checked="true"/><label for="test_0">是</label><input name="test" type="radio" value="0"/><label for="test_0">否</label></td></tr>
      <tr><td><input type="text" value="Li Si"></input></td><td><input type="text" value="123456789987456321"></input></td><td><input name="test1" type="radio" value="1"/><label for="test1_0">是</label><input name="test1" type="radio" value="0" checked="true"/><label for="test1_0">否</label></td></tr>
      <tr><td><input type="text" value="Wang Wu"></input></td><td><input type="text" value="123456789987456321"></input></td><td><input name="test2" type="radio" value="1" checked="true"/><label for="test2_0">是</label><input name="test" type="radio" value="0"/><label for="test2_0">否</label></td></tr>
      <tr><td><input type="text" value="Zhao Liu"></input></td><td><input type="text" value="123456789987456321"></input></td><td><input name="test3" type="radio" value="1" checked="true"/><label for="test3_0">是</label><input name="test" type="radio" value="0"/><label for="test3_0">否</label></td></tr></table></body>
    </html>
      

  3.   

    <html>   
      <title>www</title>   
      <head>   
      <script>   
      var   j=0   
      function   add_row(){ 
      j=sqd.rows.length   +   1;   
      newRow=document.all.sqd.insertRow(-1)   //这里是-1表示从尾部插入，如果值为0表示从头部插入。
      newcell=newRow.insertCell()   
      newcell.innerHTML='长<input type="text" name="txtL'+ j +'" id="txtL'+ j +'" size="10" value="" >宽<input type="text" name="txtW'+ j +'" id="txtW'+ j +'" size="10" value="" ><input type="radio" name="liudang'+ j +'" value="1" checked="checked" />是&nbsp;<input type="radio" name="liudang'+ j +'" value="0" />否';     }   
      function   del_row()   {   
      if   (sqd.rows.length   >   0)   {   
      sqd.deleteRow();   
      }   
      } 
      </script>   
      </head>   
        
      <body>   
      <table   width=90%   border=0   align="center"   cellpadding=2   cellspacing=1   bgcolor="#FFFFFF">   
          <form   name="frmAdd"   method="post"   action="">   
          <tr>   
              <td   align=center   valign=top   bgcolor=f7f7f7>   
                    <table   id="sqd"   width="100%"   align="center"   cellPadding="5"   cellspacing="1"   class="adminlist"> 
                      <input   name="Submit5"   type="button"   onClick=add_row()   class="button"   value="   添   加   ">   
                      <input   name="Submit33"   onclick=del_row()   type="button"   class="button"   value="   删   除   ">
                  </table>   
              </td>   
          </tr>
          </form>   
      </table>   
      </body>   
      </html>