<!DOCTYPE html> <html> <head> <title>imgex01.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> </head> <script language="JavaScript"> function ToggleButton(document,checked,label,onclick){ if (!ToggleButton.prototype.over) { ToggleButton.prototype.over = _ToggleButton_over; ToggleButton.prototype.out = _ToggleButton_out; ToggleButton.prototype.click = _ToggleButton_click; ToggleButton.images = new Array(4); for (var i = 0; i < 4; i++) { ToggleButton.images[i] = new Image(ToggleButton.width, ToggleButton.height); ToggleButton.images[i].src = ToggleButton.imagenames[i]; } } this.document=document; this.checked=checked; this.highlighted=false; this.onclick=onclick; if(typeof this.onclick=="string"){ this.onclick=new Function("state",this.onclick); } var index=document.images.length; document.write(' <a href="about:blank"'+ 'onmouseover="document.images['+index+']._tb.over();return true;"'+ 'onmouseout="document.images['+index+']._tb.out()"'+ 'onclick="document.images['+index+']._tb.click();return false;">'); document.write('<img src="'+ToggleButton.imagenames[this.checked+0]+'"'+ 'width='+ToggleButton.width+ 'height='+ToggleButton.height+ 'border="0" hspace="0" vspace="0" align="absmiddle">'); if(label) document.write(label); document.write('</a></br>'); this.image=document.images[index]; this.image._tb=this; } function _ToggleButton_over(){ this.image.src=ToggleButton.imagenames[this.checked+2]; this.highlighted=true; } function _ToggleButton_out(){ this.image.src=ToggleButton.imagenames[this.checked+0]; this.highlighted=false; } function _ToggleButton_click(){ this.checked=!this.checked; this.image.src=ToggleButton.imagenames[this.checked+this.highlighted*2]; if(this.onclick) this.onclick(this.checked); } ToggleButton.imagenames=new Array(4); ToggleButton.imagenames[0]="0.png"; ToggleButton.imagenames[1]="1.png"; ToggleButton.imagenames[2]="2.png"; ToggleButton.imagenames[3]="3.png"; ToggleButton.width=ToggleButton.height=25; </script> Optional extras:</br> <script language="JavaScript"> var tb1=new ToggleButton(document,true,"56X Modem"); var tb2=new ToggleButton(document,false,"Laser Printer", function(clicked){ alert("printer:"+clicked); }); var tb3=new ToggleButton(document,false,"Tape Backup Unit", "alert('Tape backup:'+state)"); </script> <body> <form> <input type="button" value="report button states" onclick="alert(tb1.checked+'\n'+tb2.checked+'\n'+tb3.checked)"> <input type="button" value="reset buttons" onclick="if(tb1.checked) tb1.click(); if(tb2.checked) tb2.click(); if(tb3.checked) tb3.click();""> </form> </body> </html>
相关推荐
高级控件(datagridview等)中加入checkbox实现全选和反选经典例子
项目中的分页使用真分页,每次...把选中的checkbox中的id,其中包括模块id,操作id,拼接成一个字符串,然后把字符串传递到action中。 每次调用此页面时,首选调用action中的选中的id字符串,然后根据在id字符串的基
使用javascript实现checkbox级联选择
在网页中很多时候会用到CheckBoX的多选和反选.比如网上调查或是后台管理系统等。现在主流的方法是用JavaScript来实现CheckBOX的多选和反选,下面笔者就为大家介绍一下如何实现这样的网页效果
JS控制checkboxJS控制checkbox
js实现checkbox 全选和取消 自己亲测可以使用
js 实现 两个checkbox互斥问题! 值得下载看看!资源免费,大家分享!!
JS实现TreeView中Checkbox的控制,点父节点,子节点全部选中,点击子节点不节点选中
js 实现 checkbox鼠标移入移出的特效值得下载看看!资源免费,大家分享!!
10 - JS 实现 Checkbox 中按住 Shift 的多选功能.rar
纯js写的一个switch开关(或叫checkbox开关)
CheckBox控件表明一个特定的状态(即选项)是选定 (on,值为1) 还是清除 (off,值为0)。在应用程序中使用该控件为用户提供“True/False”或“yes/no”的选择。因为 CheckBox 彼此独立工作,所以用户可以同时选择任意...
checkBox全选——jscheckBox全选——jscheckBox全选——jscheckBox全选——jscheckBox全选——jscheckBox全选——js
资源名称:JS实现checkbox的全选和反选资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。
在ie\ff下测试过,都可以使用.实现单选,也可以取消选择
WPF中DataGrid里面的Checkbox实现单选关键代码, 文档里面的代码复制粘贴即可实现!本人也是项目需要写的一个功能11行代码实现此功能! 希望可以帮助到你们!
js实现checkbox多级选择,不过,还有一点小BUG,支持3级,若想支持无限级,需要改动
C# DropDownList与CheckBox 操作例子.rar
js 实现 使用checkbox控制文本框! 值得下载看看!资源免费,大家分享!!
在dbgrid中实现checkbox,同时附带的实现formdate的使用,和datetime的使用。仅仅是一个小例子