如何实现点击输入框及单元格，整行包括输入框底色变色

求助：如何实现点击输入框及单元格，整行包括输入框底色变色：
 <table border="1" cellpadding="0" cellspacing="0" bordercolordark="#ffffff" bordercolorlight="#6699cc">
   <%For i=0 To 10%>
   <tr> 
     <td bgcolor=ffffff style="color:888888;cursor:hand;" onclick=if(this.bgColor=='#ffffff'){this.bgColor='#000000';}else{this.bgColor='#ffffff';} nowrap> <%=i%>:单击单元格整行变色（含输入框底色）</td>
     <%For j=0 To 5%>
      <td bgcolor=ffffff >
  <input type=text name=p<%=j%>x<%=i%> value='单击输入框整行变色（含输入框底色）' size=5 class=noborinput style='background-color:ffffff'></td>
 <%next%>
 <%For j=6 To 7%>
       <td bgcolor=ddffdd >
   <input type=text name=p<%=j%>x<%=i%> value='单击输入框整行变色（含输入框底色）' size=5 class=noborinput style='background-color:ddffdd'></td>
 <%next%> 
 
</tr> 
<%next%>
 </table>

解决方案 »

  1.   

    jquery $(tr:even).addClass();
    $("tr:odd").addClass();$("input").focus(function(){
    $(this).addClass("focus");
    })
    $("input").blur(function(){
    $(this).addClass("blur");
    })
      

  2.   

    整 行:$(this).parents("tr").addClass("className")
      

  3.   

    <%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    <style>
    .CLASS1{ background-color:#000000;}
    .CLASS2{ background-color:#ffffff;}
    </style>
    <script language="javascript">
    function changecolor(obj)
    {
    if(obj.bgColor=='#ffffff')
    {
    obj.bgColor='#000000';
    for(var i=0;i<obj.childNodes.length;i++)
    {
    if(obj.childNodes[i].childNodes.length >0)
    {
    for(var j=0;j<obj.childNodes[i].childNodes.length;j++)
    {
    if(obj.childNodes[i].childNodes[j].nodeName=='INPUT')
    {
    obj.childNodes[i].childNodes[j].className='CLASS1';
    }
    }
    }
    }

    }
    else{

    obj.bgColor='#ffffff';
    for(var i=0;i<obj.childNodes.length;i++)
    {
    if(obj.childNodes[i].childNodes.length >0)
    {
    for(var j=0;j<obj.childNodes[i].childNodes.length;j++)
    {
    if(obj.childNodes[i].childNodes[j].nodeName=='INPUT')
    {
    obj.childNodes[i].childNodes[j].className='CLASS2';
    }
    }
    }
    }

    }
    }
    </script>
    <body>
    <table border="1" cellpadding="0" cellspacing="0" bordercolordark="#ffffff" bordercolorlight="#6699cc">
      <%For i=0 To 10%>
      <tr bgcolor="#FFFFFF" onclick="changecolor(this)">  
      <td  nowrap> <%=i%>:单击单元格整行变色（含输入框底色）</td>
      <%For j=0 To 5%>
      <td>
    <input type=text name=p<%=j%>x<%=i%> id=p<%=j%>x<%=i%>   value='单击输入框整行变色（含输入框底色）' size=5 ></td>
    <%next%>
    <%For j=6 To 7%>
      <td>
    <input type=text name=p<%=j%>x<%=i%> id=p<%=j%>x<%=i%> value='单击输入框整行变色（含输入框底色）' size=5 ></td>
    <%next%>  
     
    </tr>  
    <%next%>
     </table>
    </body>
    </html>
      

  4.   

    inputobj.style.backgroundColor=颜色
    这是改变文本框的背景颜色值