请问大家这个隐藏怎实现啊？

<html>
<body>
<script>
function hideorshow(oSource,strKey)
{ var strHide = (oSource.checked) ? "none" : ""; var oArr  = document.getElementsByName(strKey); if(oArr != null)
{
for(var i = 0; i < oArr.length;i++)
{
oArr[i].style.display = strHide;
}
}
}
</script>
<form name="form1" method="post" action="">
  <p>
    <input type="checkbox" name="checkbox" value="checkbox" onclick="hideorshow(this,'c2')">
    初二 
    <input type="checkbox" name="checkbox2" value="checkbox" onclick="hideorshow(this,'c3')">
    初三 
    <input type="checkbox" name="checkbox3" value="checkbox" onclick="hideorshow(this,'g1')">
    高一 </p>
</form>
<table width="300" border="1">
  <tr>
    <td width="40"> 年级</td>
    <td width="75">姓名</td>
    <td width="163">总分</td>
  </tr>
  <tr id="c2">
    <td width="40">初二</td>
    <td width="75">李A</td>
    <td width="163">600</td>
  </tr>
  <tr id="g1">
    <td>高一</td>
    <td>张B</td>
    <td>680</td>
  </tr>
  <tr id="c2">
    <td>初二</td>
    <td>小王</td>
    <td>500</td>
  </tr>
  <tr id=c3>
    <td>初三</td>
    <td>李小</td>
    <td>800</td>
  </tr>
  <tr id=g1>
    <td>高一 </td>
    <td>小兰</td>
    <td>800</td>
  </tr>
</table>
</body>
</html>