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

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

Javascript: javascript select 改变字的颜色; JS 字符串连接[性能比较]; jquery控制div下所有连接; JavaScript Date对象使用总结; JS面向对象、prototype、call()、apply(); JavaScript 动态将数字金额转化为中文大写金额; JQuery textlimit 显示用户输入的字符数限制用户输入的字符数; DOM下的节点属性和操作小结; childNodes.length与children.length的区别; javascript Prototype 对象扩展; window.event.srcElement 得到事件源对象; JavaScript 下拉菜单实现代码; 用js获取元素属性的代码; jQuery live; css+js下拉菜单; javascript 贪吃蛇(详细注释版); Javascript 强制类型转换函数; js 进度条实现代码; JavaScript 验证浏览器是否支持javascript的方法小结; Js 控制表单域代码

No. « ‹ 136 137 138 139 › »

技术文章搜索

关键字

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

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

收藏到网摘: 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 中的将多选框选中时打勾的颜色