资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
将多选框选中时打勾的颜色
<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> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0A%2F*******************************************%5C%20%0D%0A%20%20%E8%87%AA%E5%AE%9A%E4%B9%89%20checkbox%20%E6%89%93%E5%8B%BE%E9%A2%9C%E8%89%B2%E7%9A%84%E4%BE%8B%E5%AD%90%20%0D%0A%20%20This%20JavaScript%20was%20writen%20by%20Dron.%20%0D%0A%20%20%402003-2008%20Ucren.com%20All%20rights%20reserved.%20%0D%0A%5C*******************************************%2F%20%0D%0Avar%20actColor%20%3D%20%22%23f00%22%3B%20%0D%0Avar%20divs%20%3D%20document.getElementsByTagName(%22div%22)%3B%20%0D%0Afor(var%20i%3D0%3Bi%3Cdivs.length%3Bi%2B%2B)%20%0D%0A%7B%20%0D%0A%20%20%20%20if(divs%5Bi%5D.className%3D%3D%22checkbox%22)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20divs%5Bi%5D.onclick%20%3D%20function()%20%0D%0A%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20var%20tempvalue%20%3D%20this.getAttribute(%22checked%22)%20%3F%20''%20%3A%20true%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20this.setAttribute(%22checked%22%2Ctempvalue)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20setcheck()%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0Afunction%20setcheck()%20%0D%0A%7B%20%0D%0A%20%20%20%20var%20divs%20%3D%20document.getElementsByTagName(%22div%22)%3B%20%0D%0A%20%20%20%20for(var%20i%3D0%3Bi%3Cdivs.length%3Bi%2B%2B)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20if(divs%5Bi%5D.className%3D%3D%22checkbox%22%26%26divs%5Bi%5D.getAttribute(%22checked%22))%20%0D%0A%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20divs%5Bi%5D.style.backgroundColor%20%3D%20actColor%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20if(divs%5Bi%5D.className%3D%3D%22checkbox%22%26%26(!divs%5Bi%5D.getAttribute(%22checked%22)))%20%0D%0A%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20divs%5Bi%5D.style.backgroundColor%20%3D%20%22%23fff%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0Afunction%20setActColor(str)%20%0D%0A%7B%20%0D%0A%20%20%20%20var%20body%20%3D%20document.body%3B%20%0D%0A%20%20%20%20try%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20body.style.color%20%3D%20str%3B%20%0D%0A%20%20%20%20%20%20%20%20body.style.color%20%3D%20%22%23000%22%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20catch(e)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20window.alert(%22%E5%A1%AB%E5%AE%9A%E4%BA%86%E9%94%99%E8%AF%AF%E7%9A%84%E9%A2%9C%E8%89%B2%E5%80%BC%E3%80%82%22)%3B%20%0D%0A%20%20%20%20%20%20%20%20return%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20actColor%20%3D%20str%3B%20%0D%0A%20%20%20%20return%20setcheck()%3B%20%0D%0A%7D%20%0D%0Asetcheck()%3B%20%0D%0A%3C%2Fscript%3E"> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程