用div如何控制table中的某行不显示

例如:
要求按"需要"时显示位于table下一行的文本框
按不需要时就不显示
下面的代码如果去掉tr,td就正常
但怎么在存在tr,td时也正常呢?
谢谢~
<html> 
<script> 
function isShowNextLabel(flag){ 
var obj = document.getElementById("labelDiv"); 
if(flag==1){ 
obj.style.display="block"; 
}else{ 
obj.style.display="none"; 
} 
} 
</script> 
<body> <table><tr>
  <td>  
<input type="radio" name="test" id="test0" checked="checked" value="0" onclick="isShowNextLabel(this.value)"/>不需要
<input type="radio" name="test" id="test1" value="1" onclick="isShowNextLabel(this.value)"/>需要
  </td>  
</tr>
<div id="labelDiv" style="display:none"> 
<tr>
  <td>  
    <input type="text" name="Time" value="格式: 时:分:秒" id="mytime" />
  </td>  
</tr>
</div> 
  
</table>
</body> 
</html> 

解决方案 »

  1.   

    obj.style.display="block"; 换为obj.style.display="inline"; 
      

  2.   

    把
    <div id="labelDiv" style="display:none"> 
    <tr> 
      <td>  
        <input type="text" name="Time" value="格式: 时:分:秒" id="mytime" /> 
      </td>  
    </tr> 
    </div> 
    改為
    <tr id="labelDiv" style="display:none"> 
      <td>  
        <input type="text" name="Time" value="格式: 时:分:秒" id="mytime" /> 
      </td>  
    </tr> 
      

  3.   

    把 obj.style.display="block"; 换为 obj.style.display="inline"; 好象无效另外不能改变tr和td的属性,因为这个不允许修改...
      

  4.   

    <tr> 
      <td>
        <div id="labelDiv" style="display:none">
        <input type="text" name="Time" value="格式: 时:分:秒" id="mytime" />
    </div>
      </td>
    </tr>
    只能改成这样，应该也不影响啊，只要页面上不显示就可以了啊
      

  5.   

    <tr>
      <td>
        <div id="labelDiv" style="display:none">
        <input type="text" name="Time" value="格式: 时:分:秒" id="mytime" />
    </div>
      </td>
    </tr> 
      

  6.   


    正解。在tr外面加div是不应该的，table的结构不能破坏