选中复选框后能不能让其关联的label控件变色？

Question

[code]<script>
function slable(obj){
if(obj.checked){
 obj.parentElement.children[1].style.color='red';
 }else{
 obj.parentElement.children[1].style.color=''
 }
}
</script>
<div><input id="CheckBox1" type="checkbox" onclick="slable(this)" /> <label for="CheckBox1">abc </label>  </div>[/code]

Answer 1

<script>
function slable(obj){
if(obj.checked){
 obj.parentElement.children[1].style.color='red';
 }else{
 obj.parentElement.children[1].style.color=''
 }
}
</script>
<div id="aa"><input id="CheckBox1" type="checkbox" onclick="slable(this)" /> <label for="CheckBox1">abc </label>  </div>

Answer 2

上面的<div id="aa">是测试时写的,可以直接写成<div>

Answer 3

chinmo:
UBB有可以测试代码的功能吗?我回的第一个直接用的[code],什么都看不见了.
谢谢.

Answer 4

<script> 
function show(obj){ 
var x=document.getElementsByTagName("label")
for(var i=0;i<x.length;i++){
if(x[i].for==obj){
x[i].style.color='red'; 
}
else{ 
 x[i].style.color='' 
}
} 
</script>
<input id="CheckBox1" type="checkbox" onclick="show(this.id)" /> <label for="CheckBox1">abc </label>  
可以试下这个