<div class="checkbox"></div>
Â
<div class="checkbox"></div>
Â
<div class="checkbox" checked=true></div>
Â
<div class="checkbox"></div>
Â
<div class="checkbox" checked=true></div>
Â
<div>ž®†å¤šé€‰æ¡†é€‰ä¸æ—¶æ‰“å‹„¡š„é¢œè‰²è®¾äØ“åQ?lt;input type="text" size="7" maxlength="7" value="#0000ff" id="colorValue"><input type="button" value="试试" onclick="setActColor(document.getElementById('colorValue').value)">åQˆæ³¨åQšé¢œè‰²å€¼å¯ä»¥è‡ªè¡Œæ›´æ”¹ï¼‰</div>
<script type="text/javascript">
/*******************************************\
 自定ä¹?checkbox 打勾颜色的例å?
 This JavaScript was writen by Dron.
 @2003-2008 Ucren.com All rights reserved.
\*******************************************/
var actColor = "#f00";
var divs = document.getElementsByTagName("div");
for(var i=0;i<divs.length;i++)
{
   if(divs[i].className=="checkbox")
   {
       divs[i].onclick = function()
       {
           var tempvalue = this.getAttribute("checked") ? '' : true;
           this.setAttribute("checked",tempvalue);
           return setcheck();
       }
   }
}
function setcheck()
{
   var divs = document.getElementsByTagName("div");
   for(var i=0;i<divs.length;i++)
   {
       if(divs[i].className=="checkbox"&&divs[i].getAttribute("checked"))
       {
           divs[i].style.backgroundColor = actColor;
       }
       if(divs[i].className=="checkbox"&&(!divs[i].getAttribute("checked")))
       {
           divs[i].style.backgroundColor = "#fff";
       }
   }
}
function setActColor(str)
{
   var body = document.body;
   try
   {
       body.style.color = str;
       body.style.color = "#000";
   }
   catch(e)
   {
       window.alert("填定了错误的颜色倹{€?);
       return;
   }
   actColor = str;
   return setcheck();
}
setcheck();
</script>
</body>
</html>