<table   cellpadding="0"   cellspacing="0"   width="400">     
    <tr> 
        <td   width="100"   height="24"   align="center"> 
            <input   type="checkbox"   name="checkbox1"   onClick="test1(this)"> 
        </td> 
        <td   width="100"   height="24"   align="center"> &nbsp: </td>   
        <td   width="100"   height="24"   align="center"> &nbsp: </td>   
        <td   width="100"   height="24"   align="center"> &nbsp: </td>   
    </tr> 
</table> <script   language="JavaScript"> 
function   test1(obj){ 
        if(obj.checked   ==   true){//选中复选框 
                obj.parentNode.parentNode.style.backgroundColor='#ccccff'; 
        }else{//未选中或取消选中 
                obj.parentNode.parentNode.style.backgroundColor='#FFFFFF'; 
        } 
        return   false;