checkbox 颜色的更改

1 <input   type= "checkbox "   value= "1 "   οnclick= "chgColor() "> <label> 选择一 </label>

   如上的一个简单的checkbox ，点击后实现 “选择一”这几个字体 实现变色。

<script   language= "javascript "> 
function   chgColor() 
{ 
var   obj=event.srcElement; 
obj.nextSibling.style.color=(obj.checked)? "red ": " "; 
} 
</script> 

2 直接让复选框进行变色

function chkFlag(chkBoxID,inputBoxID){
var oSel=document.getElementById(chkBoxID);
var oInBox=document.getElementById(inputBoxID);
if(oSel.checked)
  oInBox.style.backgroundColor="#ffffff"; //选种的背景颜色
else
  oInBox.style.backgroundColor="#dddddd"; //非选中的背景颜色
}

如上红色则会使背景变色