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

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

Javascript: JavaScript[对象.属性]集锦之五; JavaScript[对象.属性]集锦之六; JavaScript[对象.属性]集锦之七; JavaScript[对象.属性]集锦之八; JavaScript[对象.属性]集锦之九; JavaScript[对象.属性]集锦之十; javascript进行客户端数据的校验(1); javascript进行客户端数据的校验(2); 用JavaScript实现变色背景和文字(2); 用JavaScript实现文件夹轻松加密; 初学Javascript之cookie篇(1); 初学Javascript之cookie篇(2); 初学Javascript之cookie篇(3); 初学Javascript之cookie篇(4); JavaScript学习:基础继承机制(1); JavaScript学习:基础继承机制(2); JavaScript对象与数组参考大全(1); JavaScript对象与数组参考大全(2); JavaScript对象与数组参考大全(3); JavaScript对象与数组参考大全(4)

No. « ‹ 230 231 232 233 › »

技术文章搜索

关键字

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

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

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