资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
关于树形菜单 Checkbox的全选
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Checkbox</title> <meta name="generator" content="editplus" /> <meta name="author" content="www.cndou.com.cn" /> <style type="text/css"> body{font-size:12px;} .panel {BORDER-RIGHT: #d4d0c8 3px double; OVERFLOW-Y: scroll; PADDING-LEFT: 5px; BORDER-TOP: #d4d0c8 2px ridge; BORDER-LEFT: #808080 2px ridge; BORDER-BOTTOM: #d4d0c8 3px double; HEIGHT: 250px} .parent {PADDING-LEFT: 15px} .child {PADDING-LEFT: 30px} </style> <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%2F%20CheckBoxList%20%E9%80%89%E6%A1%86%20%0D%0Afunction%20chkbox(obj)%20%20%0D%0A%7B%20%0D%0A%20%20%20%20%20%20%20%20var%20chk%20%3D%20obj.all.tags(%22input%22)%3B%20%0D%0A%20%20%20%20%20%20%20%20var%20count%20%3D%20chk.length%3B%20%0D%0A%20%20%20%20%20%20%20%20if%20(event.srcElement.tagName%20%3D%3D%20%22INPUT%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%20%20%20%20%20with%20(event.srcElement)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20%E5%85%A8%E9%80%89%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(parentElement.pid%20%3D%3D%20%22-1%22)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20for%20(var%20i%3D0%3B%20i%3Ccount%3B%20i%2B%2B)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20chk%5Bi%5D.checked%20%3D%20checked%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20%E7%88%B6%E7%B1%BB%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(parentElement.pid%20%3D%3D%20%220%22)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20chk%5B0%5D.checked%20%3D%20checked%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20for%20(var%20i%3D0%3B%20i%3Ccount%3B%20i%2B%2B)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(chk%5Bi%5D.parentElement.pid%20%3D%3D%20parentElement.id)%20chk%5Bi%5D.checked%20%3D%20checked%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(!chk%5Bi%5D.checked)%20chk%5B0%5D.checked%20%3D%20false%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20%E5%AD%90%E7%B1%BB%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(parentElement.pid%20%3E%20%220%22)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20chk%5B0%5D.checked%20%3D%20checked%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20parentObj%3B%20%20%20%20%20%20%20%20%2F%2F%20%E7%88%B6%E7%B1%BB%E5%AF%B9%E8%B1%A1%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20for%20(var%20i%3D0%3B%20i%3Ccount%3B%20i%2B%2B)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(chk%5Bi%5D.parentElement.id%20%3D%3D%20parentElement.pid)%20%20%20%20%20%20%20%20%2F%2F%20%E9%80%89%E4%B8%AD%E7%88%B6%E7%B1%BB%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20parentObj%20%3D%20chk%5Bi%5D%3B%20%20%20%20%20%20%20%20%2F%2F%20%E5%B0%86%E7%88%B6%E7%B1%BB%E5%AF%B9%E8%B1%A1%E8%B5%8B%E4%BA%8E%E4%B8%80%E4%B8%AA%E5%8F%98%E9%87%8F%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20chk%5Bi%5D.checked%20%3D%20checked%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(chk%5Bi%5D.parentElement.pid%20%3D%3D%20parentElement.pid)%20%20%20%20%20%20%20%20%2F%2F%20%E5%A6%82%E6%9E%9C%E5%AD%90%E7%B1%BB%E4%B8%AD%E6%9C%89%E4%B8%80%E9%A1%B9%E6%B2%A1%E6%9C%89%E9%80%89%E4%B8%AD%EF%BC%8C%E5%B0%86%E7%88%B6%E7%B1%BB%E7%9A%84%E9%80%89%E4%B8%AD%E5%8F%96%E6%B6%88%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(!chk%5Bi%5D.checked)%20parentObj.checked%20%3D%20false%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(!chk%5Bi%5D.checked)%20chk%5B0%5D.checked%20%3D%20false%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%2F%2F%20if%20end%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%2F%2F%20with%20end%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%2F%2F%20if%20end%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> </head> <body> <SPAN>请选择要重新发布的商品类别</SPAN> <SPAN style="WIDTH: 200px; DISPLAY: inline-block" id=chkClass oncontextmenu="return false;" onselectstart="return false" class=panel onclick=chkbox(this);> <SPAN id=-1 pid="-1"><INPUT id=chkClass_0 type=checkbox name=chkClass$0><LABEL for=chkClass_0>全选</LABEL></SPAN> <SPAN id=1 class=parent pid="0"><INPUT id=chkClass_1 type=checkbox name=chkClass$1><LABEL for=chkClass_1>房屋信息</LABEL></SPAN> <SPAN id=10 class=child pid="1"><INPUT id=chkClass_2 type=checkbox name=chkClass$2><LABEL for=chkClass_2>├整套出租</LABEL></SPAN> <SPAN id=11 class=child pid="1"><INPUT id=chkClass_3 type=checkbox name=chkClass$3><LABEL for=chkClass_3>├单间出租</LABEL></SPAN> <SPAN id=12 class=child pid="1"><INPUT id=chkClass_4 type=checkbox name=chkClass$4><LABEL for=chkClass_4>├短期出租</LABEL></SPAN> <SPAN id=13 class=child pid="1"><INPUT id=chkClass_5 type=checkbox name=chkClass$5><LABEL for=chkClass_5>├求租房屋</LABEL></SPAN> <SPAN id=14 class=child pid="1"><INPUT id=chkClass_6 type=checkbox name=chkClass$6><LABEL for=chkClass_6>├房屋出售</LABEL></SPAN> <SPAN id=2 class=parent pid="0"><INPUT id=chkClass_7 type=checkbox name=chkClass$7><LABEL for=chkClass_7>教育培训</LABEL></SPAN> <SPAN id=15 class=child pid="2"><INPUT id=chkClass_8 type=checkbox name=chkClass$8><LABEL for=chkClass_8>├语言课程</LABEL></SPAN> <SPAN id=16 class=child pid="2"><INPUT id=chkClass_9 type=checkbox name=chkClass$9><LABEL for=chkClass_9>├商业课程</LABEL></SPAN> <SPAN id=17 class=child pid="2"><INPUT id=chkClass_10 type=checkbox name=chkClass$10><LABEL for=chkClass_10>├证书培训</LABEL></SPAN> <SPAN id=18 class=child pid="2"><INPUT id=chkClass_11 type=checkbox name=chkClass$11><LABEL for=chkClass_11>├家教辅导</LABEL></SPAN> <SPAN id=19 class=child pid="2"><INPUT id=chkClass_12 type=checkbox name=chkClass$12><LABEL for=chkClass_12>├教育中介</LABEL></SPAN> <SPAN id=20 class=child pid="2"><INPUT id=chkClass_13 type=checkbox name=chkClass$13><LABEL for=chkClass_13>├其它教育相关</LABEL></SPAN> <SPAN id=3 class=parent pid="0"><INPUT id=chkClass_14 type=checkbox name=chkClass$14><LABEL for=chkClass_14>招聘求职</LABEL></SPAN> <SPAN id=21 class=child pid="3"><INPUT id=chkClass_15 type=checkbox name=chkClass$15><LABEL for=chkClass_15>├招聘信息</LABEL></SPAN> <SPAN id=22 class=child pid="3"><INPUT id=chkClass_16 type=checkbox name=chkClass$16><LABEL for=chkClass_16>├求职信息</LABEL></SPAN> <SPAN id=6 class=parent pid="0"><INPUT id=chkClass_17 type=checkbox name=chkClass$17><LABEL for=chkClass_17>居家用品</LABEL></SPAN> <SPAN id=23 class=child pid="6"><INPUT id=chkClass_18 type=checkbox name=chkClass$18><LABEL for=chkClass_18>├家用电器</LABEL></SPAN> <SPAN id=24 class=child pid="6"><INPUT id=chkClass_19 type=checkbox name=chkClass$19><LABEL for=chkClass_19>├家具</LABEL></SPAN> <SPAN id=25 class=child pid="6"><INPUT id=chkClass_20 type=checkbox name=chkClass$20><LABEL for=chkClass_20>├厨具</LABEL></SPAN> <SPAN id=26 class=child pid="6"><INPUT id=chkClass_21 type=checkbox name=chkClass$21><LABEL for=chkClass_21>├床上用品</LABEL></SPAN> <SPAN id=27 class=child pid="6"><INPUT id=chkClass_22 type=checkbox name=chkClass$22><LABEL for=chkClass_22>├其它居家相关</LABEL></SPAN> <SPAN id=7 class=parent pid="0"><INPUT id=chkClass_23 type=checkbox name=chkClass$23><LABEL for=chkClass_23>美食餐馆</LABEL></SPAN> <SPAN id=28 class=child pid="7"><INPUT id=chkClass_24 type=checkbox name=chkClass$24><LABEL for=chkClass_24>├餐馆</LABEL></SPAN> <SPAN id=29 class=child pid="7"><INPUT id=chkClass_25 type=checkbox name=chkClass$25><LABEL for=chkClass_25>├外卖服务</LABEL></SPAN> <SPAN id=8 class=parent pid="0"><INPUT id=chkClass_26 type=checkbox name=chkClass$26><LABEL for=chkClass_26>服饰美容</LABEL></SPAN> <SPAN id=30 class=child pid="8"><INPUT id=chkClass_27 type=checkbox name=chkClass$27><LABEL for=chkClass_27>├时尚服装</LABEL></SPAN> <SPAN id=31 class=child pid="8"><INPUT id=chkClass_28 type=checkbox name=chkClass$28><LABEL for=chkClass_28>├流行饰品</LABEL></SPAN> <SPAN id=32 class=child pid="8"><INPUT id=chkClass_29 type=checkbox name=chkClass$29><LABEL for=chkClass_29>├包包鞋帽</LABEL></SPAN> <SPAN id=33 class=child pid="8"><INPUT id=chkClass_30 type=checkbox name=chkClass$30><LABEL for=chkClass_30>├美容护肤</LABEL></SPAN> <SPAN id=34 class=child pid="8"><INPUT id=chkClass_31 type=checkbox name=chkClass$31><LABEL for=chkClass_31>├其它服饰美容相关</LABEL></SPAN> <SPAN id=9 class=parent pid="0"><INPUT id=chkClass_32 type=checkbox name=chkClass$32><LABEL for=chkClass_32>电子通讯</LABEL></SPAN> <SPAN id=35 class=child pid="9"><INPUT id=chkClass_33 type=checkbox name=chkClass$33><LABEL for=chkClass_33>├手机</LABEL></SPAN> <SPAN id=36 class=child pid="9"><INPUT id=chkClass_34 type=checkbox name=chkClass$34><LABEL for=chkClass_34>├数码相机</LABEL></SPAN> <SPAN id=37 class=child pid="9"><INPUT id=chkClass_35 type=checkbox name=chkClass$35><LABEL for=chkClass_35>├随身听，耳机音响</LABEL></SPAN> <SPAN id=38 class=child pid="9"><INPUT id=chkClass_36 type=checkbox name=chkClass$36><LABEL for=chkClass_36>├电脑配件</LABEL></SPAN> <SPAN id=39 class=child pid="9"><INPUT id=chkClass_37 type=checkbox name=chkClass$37><LABEL for=chkClass_37>├笔记本台式机</LABEL></SPAN> <SPAN id=40 class=child pid="9"><INPUT id=chkClass_38 type=checkbox name=chkClass$38><LABEL for=chkClass_38>├电脑维修</LABEL></SPAN> <SPAN id=41 class=child pid="9"><INPUT id=chkClass_39 type=checkbox name=chkClass$39><LABEL for=chkClass_39>├其它电子相关</LABEL></SPAN></SPAN> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程