我做了一个datagrid,并且其中有个模板列checkbox
要求用javascript在客户端,实现:当选中checkbox时,该行的颜色改变
请各位大虾,看清楚我的要求再做
分不够可再加

解决方案 »

  1.   

    通过判断checkbox的id值 知道在table的哪行,然后通过 
    table.rows[第几行].style.backgroundColor 改变行颜色就行了
      

  2.   

    //得到checkbox所在的行,obj就是checkbox
    var objTR = obj.parentElement;
    while (objTR.tagName != "TR")
    objTR = objTR.parentElement;//改变该行的颜色
    if (obj.checked)
    {
        objTR.style.backgroundColor = "选中的颜色";
    }
    else
    {
        objTR.style.backgroundColor = "取消选中的颜色";
    }
      

  3.   

    <script language="javascript">
    function CheckBox_Click(p_this)
    {
    if (p_this.checked == true)
    {
    p_this.parentElement.parentElement.bgColor = "highlight";
    p_this.parentElement.parentElement.style.color = "white";
    }
    else
    {
    p_this.parentElement.parentElement.bgColor = "white";
    p_this.parentElement.parentElement.style.color = "black";
    }
    }
    </script><table id="DataGrid" width="100%" bordercolor="#FF0000" border="1" cellspacing="0">
      <tr>
    <td width="20">
    <input type="checkbox" onclick="CheckBox_Click(this);">
    </td>

        <td> One</td>
    </tr>
    <tr>
    <td width="20">
    <input type="checkbox" onclick="CheckBox_Click(this);">
    </td>

        <td> Two</td>
    </tr>
    <tr>
    <td width="20">
    <input type="checkbox" onclick="CheckBox_Click(this);">
    </td>

        <td> Three</td>
    </tr>
    </table>
      

  4.   

    动态绑定数据与javascript联合实现选中变色,已经实现在
    http://community.csdn.net/Expert/topic/4218/4218792.xml?temp=.1076166