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

更新时间：2006年10月27日 00:00:00 作者：

<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 全选注:引入外部Js需再刷新一下页面才能执行]

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

限制复选框的最大可选数
限制复选框的最大可选数...
2006-07-07
JavaScript动态调整TextArea高度的代码
通过JavaScript根据TextArea的内容动态调整TextArea的高度，需要的朋友可以参考下。
2010-12-12
js限制文本框为整数和货币的函数代码
js限制文本框为整数和货币的函数代码，方便一些数据库字段的控制。
2010-10-10
js select 标签选定项的值获取代码
用js获取当前选定的select的值的函数
2009-03-03
让input不可点击的另一种方法
一般对于input的不可点击，不可输入，不可修改等都是用disable=true这一属性，下面的方法，是通过js控制的，各有好处。
2009-02-02
javascript优先加载笔记代码
这样就可以在指定的dom输出完毕后就执行javascript，而不需要等待页面全部加载完毕。
2008-09-09
二级连动的另一个不错的实现方法
二级连动的另一个不错的实现方法...
2007-01-01
checkbox 多选框联动实现代码
对于checkbox 多选的联动效果，是个不错的思路，附代码
2008-10-10
勾选时激活input 否则禁用的javascript代码
唯一的可去之外是加了一点美化，使用户体验更加一层楼，其中包括边框的加粗，焦点的获取，checkbox边框线的隐藏等等。
2009-12-12
javascript Zifa FormValid 0.1表单验证代码打包下载
javascript Zifa FormValid 0.1表单验证代码打包下载...
2007-06-06

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具