JavaScript 控制表格的行的颜色

<script>

function checkit(evt){

       var obj = window.event?event.srcElement:evt.target;

       obj.parentNode.parentNode.style.backgroundColor= obj.checked?'#CCC':'#FFF';

}

window.onload = function(){

   var ck = document.getElementsByName("checkbox");

   for(var i=0;i<ck.length;i++) ck[i].onclick = checkit;   

}

</script>

<table width="150" border="1" cellpadding="1" cellspacing="1">

  <tr>

    <td><input type="checkbox" name="checkbox" value="01"></td>

    <td>11</td>

    <td>12</td>

  </tr>

  <tr>

    <td><input type="checkbox" name="checkbox" value="02"></td>

    <td>21</td>

    <td>22</td>

  </tr>

  <tr>

    <td><input type="checkbox" name="checkbox" value="03"></td>

    <td>31</td>

    <td>32</td>

  </tr>

  <tr>

    <td><input type="checkbox" name="checkbox" value="04"></td>

    <td>share4js.com</td>

    <td>sh3arejs.com</td>

  </tr>

  <tr>

    <td><input type="checkbox" name="checkbox" value="05"></td>

    <td>sha1rejs.com</td>

    <td>sha2rejs.com</td>

  </tr>
</table>