body
{
font-size:12px;
}
.checkbox
{
width:12px;
height:12px;
background-image:url(/files/WebTex/setCheckbox/images/checkbox.gif);
background-color:#fff;
line-height:1px;
font-size:1px;
}
将多选框选中时打勾的颜色设为:(注:颜色值可以自行更改)
/*******************************************\
自定义 checkbox 打勾颜色的例子
This JavaScript was writen by Dron.
@- 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 -12-13 17:35 李云泽 阅读(1793) 评论(0) 编辑 收藏 所属分类: javascript 、HTML