各位，选择复选框后所在行变其它颜色怎么实现？？急！！

Question

<tr>
<td>
<input onclick="chagebg(this,'red')" type=checkbox>
</td>
</tr>
<script>
function chagebg(obj,color){
 obj.offsetParent.parentElement.style.backgroundColor=color
}
</script>

Answer 1

<table>
<tr style="background-color:#ffffcc"><td>
<input type=checkbox name=abc value=1 onclick="if(this.checked){changeBGColor(this)}">选择
</td></tr>
</table>
<script>
function changeBGColor(obj){
while(obj!=null && typeof(obj.tagName) != "undefind"){
if(obj.tagName == "TR"){
obj.style.backgroundColor="#ff0000";
break;
}
obj = obj.parentElement;
}
}
</script>

Answer 2

完整的这个:
<table>
<tr><td>
<input type=checkbox name=abc value=1 onclick="changeBGColor(this,'#FFFFCC','')">选择<!-- changeBGColor(当前对象,选中颜色,未选择颜色) -->
</td></tr>
</table>
<script>
function changeBGColor(obj,bg1,bg2){
var bg = obj.checked?bg1:bg2;
while(obj!=null && typeof(obj.tagName) != "undefind"){
if(obj.tagName == "TR"){
obj.style.backgroundColor=bg;
break;
}
obj = obj.parentElement;
}
}
</script>

Answer 3

or ；<script>
function document.onclick(){
var obj = window.event.srcElement ;
var trobj ;
if (obj.type=="checkbox"){
trobj = obj.parentElement.parentElement ;
if (obj.checked)
trobj.bgColor = "red" ;
else
trobj.bgColor = "white" ;
}
}
</script>
<table border=1>
<tr><td>
<input type=checkbox name=checkboxa value=a><td>dddddddd
<tr><td>
<input type=checkbox name=checkboxa value=b><td>dddddddd
<tr><td>
<input type=checkbox name=checkboxa value=c><td>dddddddd
</table>

Answer 4

我也顺便问下,
怎样实现点后面的文字, 前面的 checkbox 也会响应?