将多选框选中时打勾的颜色- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 将多选框选中时打勾的颜色

Javascript: javascript实例教程(19) 使用HoTMetal(5); javascript实例教程(19) 使用HoTMetal(6); javascript实例教程(19) 使用HoTMetal(7); javascript实例教程(20) OLE Automation(1); javascript实例教程(20) OLE Automation(2); javascript实例教程(20) OLE Automation(3); javascript实例教程(20) OLE Automation(4); javascript实例教程(20) OLE Automation(5); javascript实例教程(20) OLE Automation(6); javascript实例教程(20) OLE Automation(7); 用javascript实现利用FLASH嵌入声音; javascript版的日期输入控件(6); javascript设计网页中的下拉菜单; javascript设计漫天雪花; javascript制作浮动的工具条; javascript制作闪烁的边框; javascript模拟游戏中的弹出菜单效果; 在IE中使用javascript; 利用javascript制作简单动画; 首页地址添加到收藏夹(javascript)

No. « ‹ 234 235 236 237 › »

技术文章搜索

关键字

Javascript 中的将多选框选中时打勾的颜色

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 232 ::

收藏到网摘: n/a

按键测试，支持像 Ctrl+Alt+Shift+T 的组合键脚本和web页共用同一个文件测试

点击运行可以看到效果:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta http-equiv="Content-Language" content="zh-CN">
<meta name="generator" content="editplus">
<meta name="author" content="dron">
<meta name="keywords" content="dron">
<meta name="description" content="dron">
<style type="text/css">
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;
}
</style>
</head>
<body>
<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>将多选框选中时打勾的颜色设为：<input type="text" size="7" maxlength="7" value="#0000ff" id="colorValue"><input type="button" value="试试" onclick="setActColor(document.getElementById('colorValue').value)">（注：颜色值可以自行更改）</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>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

按键测试，支持像 Ctrl+Alt+Shift+T 的组合键脚本和web页共用同一个文件测试

Javascript 中的 将多选框选中时打勾的颜色

评论 (0) All

Javascript 中的将多选框选中时打勾的颜色