Hide Rows

<table>
  <tr>
    <td><input type="checkbox" id="box1" />
    </td><td>a mmmmmmmmmmmmmm</td>
  </tr>
    <tr>
    <td><input type="checkbox" id="box2" /></td>
    <td>b mmmmmmmmmmmmmm</td>
  </tr>
    <tr>
    <td><input type="checkbox" id="box3" /></td>
    <td>c mmmmmmmmmmmmmm</td>
  </tr>
    <tr>
    <td><input type="checkbox" id="box4" /></td>
    <td>d mmmmmmmmmmmmmm</td>
  </tr>
    <tr>
    <td><input type="checkbox" id="box5" /></td>
    <td>e mmmmmmmmmmmmmm</td>
  </tr>
</table>
<input type="button" value="hide" onclick="hd();" />
<input type="button" value="show all" onclick="sh();" />

function hd(){
box=document.getElementById('box1');
if (box.checked==true){box.style.display='none';}}
function sh(){
box=document.getElementById('box1');
box.style.display='inline';}

<script type="text/javascript">
function hd(){
  tch=document.getElementById('table').getElementsByTagName('input');
  rth=document.getElementById('table').getElementsByTagName('tr');
  for (i=0; i<tch.length; i++){
    if (tch[i].checked==true){
      rth[i].style.display='none';
    }
  }
}
function sh(){
  tch=document.getElementById('table').getElementsByTagName('input');
  rth=document.getElementById('table').getElementsByTagName('tr');
  for (i=0; i<rth.length; i++){
    tch[i].checked=false;
    rth[i].style.display='inline';
  }
}
</script>
<table id="table" >
  <tr>
    <td><input type="checkbox" /></td>
    <td>a mmmmmmmmmmmmmm</td>
  </tr>
    <tr>
    <td><input type="checkbox" /></td>
    <td>b mmmmmmmmmmmmmm</td>
  </tr>
    <tr>
    <td><input type="checkbox" /></td>
    <td>c mmmmmmmmmmmmmm</td>
  </tr>
    <tr>
    <td><input type="checkbox" /></td>
    <td>d mmmmmmmmmmmmmm</td>
  </tr>
    <tr>
    <td><input type="checkbox" /></td>
    <td>e mmmmmmmmmmmmmm</td>
  </tr>
</table>
<input type="button" value="hide" onclick="hd();" />
<input type="button" value="show all" onclick="sh();" />