<script language="javascript">function del(){
 var arr =[];
 var tab = document.getElementById("tab");
 var trs = tab.getElementsByTagName("input");
 var  j=0;
 for(var i = 0 ; i<trs.length ; i++)
 {
  if(trs[i].getAttribute("type")=="radio")
  {
   arr.push(trs[i]);
  } 
 }
 for(var j=0 ; j<arr.length; j++)
 {
   if(arr[j].checked)
   {
    tab.deleteRow(j);
   }
 }
 //alert(trs.length);
}</script><table id="tab">
<tr>
  <td align="center" class="td_menu2"><input type="radio" name="radio"/>
  </td>
  <td class="td_menu2"><input type="text">
  </td>
  <td class="td_menu2"><input type="text">
  </td>
  <td class="td_menu2"><input type="text">
  </td>
  <td class="td_menu2"><input type="text">
  </td>
  <td class="td_menu2"><input type="text">
  </td>
</tr>
<tr>
  <td align="center" class="td_menu2"><input type="radio" name="radio"/>
  </td>
  <td class="td_menu2"><input type="text">
  </td>
  <td class="td_menu2"><input type="text">
  </td>
  <td class="td_menu2"><input type="text">
  </td>
  <td class="td_menu2"><input type="text">
  </td>
  <td class="td_menu2"><input type="text">
  </td>
</tr>
<tr>
  <td align="center" class="td_menu2"><input type="radio" name="radio"/>
  </td>
  <td class="td_menu2"><input type="text">
  </td>
  <td class="td_menu2"><input type="text">
  </td>
  <td class="td_menu2"><input type="text">
  </td>
  <td class="td_menu2"><input type="text">
  </td>
  <td class="td_menu2"><input type="text">
  </td>
</tr>
</table>
<input type="button" onclick="del()"  value="del"/>
</div>

解决方案 »

  1.   

    <table id="tb1">
    <tr> 
         <td align="center" class="td_menu2"> <input type="radio" name="radio" /> </td> 
         <td class="td_menu2"> <input type="text"> </td> 
         <td class="td_menu2"> <input type="text"> </td> 
         <td class="td_menu2"> <input type="text"> </td> 
         <td class="td_menu2"> <input type="text"> </td> 
         <td class="td_menu2"> <input type="text"> </td> 
         <td class="td_menu2"> <input type="text"> </td> 
    </tr>
    <tr> 
         <td align="center" class="td_menu2"> <input type="radio" name="radio"/> </td> 
         <td class="td_menu2"> <input type="text"> </td> 
         <td class="td_menu2"> <input type="text"> </td> 
         <td class="td_menu2"> <input type="text"> </td> 
         <td class="td_menu2"> <input type="text"> </td> 
         <td class="td_menu2"> <input type="text"> </td> 
         <td class="td_menu2"> <input type="text"> </td> 
    </tr>
    <tr> 
         <td align="center" class="td_menu2"> <input type="radio" name="radio"/> </td> 
         <td class="td_menu2"> <input type="text"> </td> 
         <td class="td_menu2"> <input type="text"> </td> 
         <td class="td_menu2"> <input type="text"> </td> 
         <td class="td_menu2"> <input type="text"> </td> 
         <td class="td_menu2"> <input type="text"> </td> 
         <td class="td_menu2"> <input type="text"> </td> 
    </tr>
    <tr> 
         <td align="center" class="td_menu2"> <input type="radio" name="radio"/> </td> 
         <td class="td_menu2"> <input type="text"> </td> 
         <td class="td_menu2"> <input type="text"> </td> 
         <td class="td_menu2"> <input type="text"> </td> 
         <td class="td_menu2"> <input type="text"> </td> 
         <td class="td_menu2"> <input type="text"> </td> 
         <td class="td_menu2"> <input type="text"> </td> 
    </tr>
    </table>
    <input type="button" onClick="remove()" value="remove">
    <script language="javascript">
    function remove(){
    var o=document.getElementsByName("radio");
    for(var i=0;i<o.length;i++){
    if(o[i].checked==true){
    document.getElementById("tb1").rows(i).style.display="none"; }
    }
    }
    </script>