请问：如何实现这样的效果？

<script>
function choiceColor(objChk,objTr){
  if(objChk.checked == true) {
    objTr.style.background = 'red';
  }else{
   objTr.style.background ='white';
  }  
}
</script><table width="408" border=1 style="BORDER-COLLAPSE: collapse">
  <tr onClick="choiceColor(check1,this)">
    <td><input type="checkbox" name="check1"></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr onClick="choiceColor(check2,this)">
    <td><input type="checkbox" name="check2"></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr onClick="choiceColor(check3,this)">
    <td><input type="checkbox" name="check3"></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr onClick="choiceColor(check4,this)">
    <td><input type="checkbox" name="check4"></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr onClick="choiceColor(check5,this)">
    <td><input type="checkbox" name="check5"></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

解决方案 »

  1.   

    thx，完全正常！我的：<html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>New Page 1</title>
    <script language="JavaScript">
    <!--
    //单选
    function select1(checkbox,index)
    {
     // var idName="tr"+index;  //2nd method
      if(checkbox.checked==true)
      {
        document.all("tb1").rows[index].style.background="#c0c0c0";
       // document.getElementById(idName).setAttribute("bgColor","#c0c0c0");//2nd mothod
      }
      else
      {
        document.all("tb1").rows[index].style.background="#ffffff";
     //   document.getElementById(idName).setAttribute("bgColor","#ffffff");//2nd method
      }
    }//全选
    function selectAll(radiobutton,self)
    {
      var flag=self.checked;
      if(typeof(radiobutton.length)=="undifined")
      {
        radiobutton.checked=flag;
    return;
      }
      for(i=0;i<radiobutton.length;i++)
      {
        radiobutton[i].checked=flag;
    if(flag)
      document.all("tb1").rows[i+1].style.background="#c0c0c0";
    else
      document.all("tb1").rows[i+1].style.background="#ffffff";
      }
    }
    //-->
    </script>
    </head><body>
    <form name="form1">
    <table border=0 cellspacing=0 cellpadding=0 id="tb1">
    <tr>
       <td colspan=2><input type=checkbox name="checkAll" onclick="selectAll(this.form.radiobutton,this)">全选</td>
       <td>value</td>
    </tr>
    <tr id="tr1">
       <td><input type=checkbox name="radiobutton" onclick="select1(this,1)"></td>
       <td>11111</td>
       <td>22222</td>
    </tr>
    <tr id="tr2">
       <td><input type=checkbox name="radiobutton" onclick="select1(this,2)"></td>
       <td>11111</td>
       <td>22222</td>
    </tr>
    <tr id="tr3">
       <td><input type=checkbox name="radiobutton" onclick="select1(this,3)"></td>
       <td>11111</td>
       <td>22222</td>
    </tr>
    </table>
    </form>
    </body></html>
      

  2.   

    我有个问题：为什么onClick="choiceColor(check2,this)"放在tr里，但在那一行的其他地方（不按checkbox）点击怎么不会触发事件呢？
      

  3.   

    不是不会触发，只要点击就会触发，只是choiceColor方法里只处理了选择框选中或没选中的行为。  if(objChk.checked == true){
        objTr.style.background = 'red';
      }else{
        objTr.style.background ='white';
      }
      

  4.   

    哦，看漏了，惭愧惭愧。
    好了，结帖啦另一链接：
    http://expert.csdn.net/Expert/TopicView1.asp?id=2448700
      

  5.   

    最佳方法：<script>
    function choiceColor(objChk){
    if (objChk.checked == true){
         objChk.parentElement.parentElement.bgColor = 'red'
    }else{
         objChk.parentElement.parentElement.removeAttribute("bgColor")
    }
    }
    </script><table width="408" border=1 style="BORDER-COLLAPSE: collapse">
      <tr>
        <td><input type="checkbox" name="check" onClick="choiceColor(this)"></td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td><input type="checkbox" name="check" onClick="choiceColor(this)"></td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td><input type="checkbox" name="check" onClick="choiceColor(this)"></td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td><input type="checkbox" name="check" onClick="choiceColor(this)"></td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td><input type="checkbox" name="check" onClick="choiceColor(this)"></td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table>