请教:如何隐藏TABLE的行?

Question

<table border=1>
<tr><td>111</td><td>222</td></tr>
<tr><td>222</td><td><input type=checkbox onclick="mm(this)"></td></tr>
<tr><td>333</td><td><input type=checkbox onclick="mm(this)"></td></tr>
<tr><td>444</td><td><input type=checkbox onclick="mm(this)"></td></tr>
<tr><td>555</td><td><input type=checkbox onclick="mm(this)"></td></tr>
</table>
<SCRIPT LANGUAGE="JavaScript">
function searchByTagName(e, TAG)
{
  while(e!=null && e.tagName){if(e.tagName==TAG.toUpperCase())
  return(e); e=e.parentNode; } return null;
}
function mm(e)
{
    var tr = searchByTagName(e, "TR");
    tr.style.display="none";
}
</SCRIPT>

Answer 1

<table id="table1" border="1">
<tr>
<td>
</td>
<td>dasd
</td></tr>
<tr>
<td><input type=checkbox onclick="this.parentNode.parentNode.style.display='none'">隐藏
</td>
<td>dasd2
</td></tr>
<tr>
<td><input type=checkbox onclick="this.parentNode.parentNode.style.display='none'">隐藏
</td>
<td>dasd3
</td></tr>
<tr>
<td><input type=checkbox onclick="this.parentNode.parentNode.style.display='none'">隐藏
</td>
<td>dasd
</td></tr>
<tr>
<td><input type=checkbox onclick="this.parentNode.parentNode.style.display='none'">隐藏
</td>
<td>dasd
</td></tr>
</table>

Answer 2

<script language="javascript">
function hid(obj)
{
if(obj.checked)
obj.parentNode.parentNode.style.display="none";
}
</script><table width="100"  border="1">
  <tr>
    <td>11</td>
    <td>22</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="checkbox" onClick="hid(this)"/></td>
    <td>33</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="checkbox" onClick="hid(this)"/></td>
    <td>44</td>
  </tr>
</table>