java 复选框 背景色_将多选框选中时打勾的颜色

body

{

font-size:12px;

}

.checkbox

{

width:12px;

height:12px;

background-image:url(http://ucren.com/files/WebTex/setCheckbox/images/checkbox.gif);

background-color:#fff;

line-height:1px;

font-size:1px;

}

将多选框选中时打勾的颜色设为：(注：颜色值可以自行更改)

/*******************************************\

自定义 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

{

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

{

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();

posted on 2007-12-13 17:35 李云泽 阅读(1793) 评论(0)  编辑  收藏 所属分类: javascript 、HTML