1 <input   type= "checkbox "   value= "1 "   onclick= "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"; //非選中的背景顏色
}

如上紅色則會使背景變色