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;

}

将多选框选中时打勾的颜色设为:(注:颜色值可以自行更改)

/*******************************************\

自定义 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

{

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 2007-12-13 17:35 李云泽 阅读(1793) 评论(0)  编辑  收藏 所属分类: javascript 、HTML

java 复选框 背景色_将多选框选中时打勾的颜色相关推荐

  1. 下拉框系统甄选火星推荐_微博下拉框技术首选15火星牛

    会员注册发帖 下拉词是搜索引擎为方便用户搜索而提供的一种关键词联想服务,目前各大搜索引擎都有这类的下拉框(如:百度下拉框,搜狗下拉框,神马下拉框,360下拉框),目的是为了提高用户搜索效率.当搜索某个 ...

  2. 下拉框系统甄选火星推荐_微博下拉框技术首荐15火星牛

    下拉词是搜索引擎为方便用户搜索而提供的一种关键词联想服务,目前各大搜索引擎都有这类的下拉框(如:百度下拉框,搜狗下拉框,神马下拉框,360下拉框),目的是为了提高用户搜索效率.当搜索某个关键词,直接出 ...

  3. java斗地主怎么出牌_斗地主滑动选牌出牌(Cocos Creator)

    本文主要讲解以下几个方面: card model 滑动处理 阴影 选择 出牌 Card Model 首先,牌有两个属性:数字.花型: ps:本文现在是,用数字和花型来组成一张牌,有空可以再用另一种形式 ...

  4. python web前端 java ui学哪个好_学IT选Java还是Python?就业发展有何区别?

    学IT选Java还是Python?就业发展有何区别? 来源:奇酷学院 发表于:2018-09-27 10:14:35 想了解一个语言就业到底好不好,得先明确语言的发展方向. 很多学员在选择专业上遇着难 ...

  5. java语言c语言基础_新手入门选什么:有些人说C语言要比Java更难!你应该怎么办?...

    从学习角度上说,很多人认为C语言单纯简单,其实比Java要容易. 我认为,如果要把本质学懂,确实如此,而且在学懂C语言的基础上再学Java的人往往会获得很好的效果. Java中由于隐藏了内存分配的处理 ...

  6. java重div获取下拉框值_获取下拉框的value和值

    jsp: --请选择-- js: function labelCascade(){ $.ajax({ url:"admin/dianliang/gongyong/label/select/& ...

  7. Java按钮哪个方法响应_当用户点击按钮时,Java程序采用什么方法来响应?()

    案例分析一:假定CPU的主频是500MHz.硬盘采用DMA方式进行数据传送,其数据传输率为4MB/s, 每次DMA传输的数据量为8KB, 要求没有任何数据传输被错过. 如果CPU在DMA初始化设置和启 ...

  8. 微信小程序的多选改变样式_微信小程序button选中改样式-实现单选/多选

    小程序实现多button单选/多选 红色为选中状态 单选 多选 ①wxss /* pages/button-select/button-select.wxss */ .button_container ...

  9. 文本框换行_多行文本框的认识以及代码详解

    本文创建于2020年9月,以下为正文: 多行文本框< textarea>< /textarea>是什么呢? 单行文本框只能输入一行信息,而多行文本框可以输入多行信息.比如说在百 ...

最新文章

  1. 【Android 异步操作】手写 Handler ( Message 消息 | ThreadLocal 线程本地变量 | Looper 中的消息队列 MessageQueue )
  2. Day 14 知识点串讲 下
  3. Swing 学习小记
  4. 基于mybatis-generator代码生成工具改(链式方法实体版)
  5. 微信公开课讲师黄咪咪:熟读规则,玩转小游戏
  6. 41.字符串函数(三)
  7. paip.svn服务服务器安装配置
  8. 按首字母排序(汉字、英文、数字)简单实现
  9. Silverlight:针式打印机文字模糊的改善办法
  10. Hadoop环境搭建(6) -- 克隆
  11. WIN10完全卸载anaconda
  12. 软考中级网络工程师知识点笔记
  13. 上海电力学院计算机专业在校区,上海电力学院有几个校区及校区地址 哪
  14. SuperMap iClient3D for WebGL教程 水面特效制作
  15. 理解ES6中暂时性死区TDZ
  16. 计算机毕业设计Java乒乓球俱乐部管理(源码+系统+mysql数据库+lw文档)
  17. activiti6.0表结构梳理
  18. 网页设计如何排成一列_多页面排版设计:15个不可不知的技巧
  19. Bugku-清凉一夏
  20. 新电脑(or重装完)需要什么安装软件,看这篇就够了!!!

热门文章

  1. 【高并发】java JUC中的Semaphore(信号量)
  2. spark学习-74-源代码:Endpoint模型介绍(6)-Endpoint的消息的接收
  3. linux中查看某个进程打开的文件数
  4. hive报错:Call from hostname/127.0.1.1 to localhost:9000 failed on connection exception.主节点9000端口拒绝访问.
  5. 命令:服务器与CST时间误差8小时的修复方法——timedatectl
  6. drools 7.x执行指定的drl文件
  7. 数据结构知识点大汇总(二)
  8. Java web 中的 三层架构
  9. 新入职了一个卷王,天天加班12点!张口闭口就是性能优化,太让人崩溃……...
  10. Redis精进:List的使用和应用场景