资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
带Checkbox的列表框
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>带Checkbox的列表框 - 51windows.Net </title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <style> body,td{font-size:12px;color:#000000;} .checkbox{width:15px;height:15px;} .cked{ margin:1px;padding:2px;width:100%;display:block;background-color:highlight;color:highlighttext; } .nock{ margin:1px;padding:2px;width:100%;display:block; } </style> <body> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CSCRIPT%20LANGUAGE%3D%22JavaScript%22%3E%20%0D%0A%3C!--%20%0D%0Afunction%20HtmlEncode(text)%7B%20%0D%0A%20%20%20%20return%20text.replace(%2F%26%2Fg%2C%20'%26amp').replace(%2F%5C%22%2Fg%2C%20'%26quot%3B').replace(%2F%3C%2Fg%2C%20'%26lt%3B').replace(%2F%3E%2Fg%2C%20'%26gt%3B')%3B%20%0D%0A%7D%20%0D%0Afunction%20_checkbox(name%2Cstr%2Cdefv)%7B%20%0D%0A%20%20%20%20%2F%2Fhaiwa%402005-8-17%20%0D%0A%20%20%20%20%2F%2Fhttp%3A%2F%2Fwww.51windows.net%20%0D%0A%20%20%20%20var%20arr%3Dstr.split(%22%5E%22)%3B%20%0D%0A%20%20%20%20var%20ck%3D%22%22%2Cbc%3D%22%22%3B%20%0D%0A%20%20%20%20for(var%20i%3D0%3Bi%3Carr.length%3Bi%2B%2B)%7B%20%0D%0A%20%20%20%20%20%20%20%20var%20thisarr%3Darr%5Bi%5D.split(%22%40%3D%22)%3B%20%0D%0A%20%20%20%20%20%20%20%20if%20(thisarr%5B0%5D.length%3E0)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20var%20t%3D(thisarr.length%3D%3D2)%3Fthisarr%5B0%5D%3Aarr%5Bi%5D%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20var%20v%3D(thisarr.length%3D%3D2)%3Fthisarr%5B1%5D%3Aarr%5Bi%5D%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20if((%22%2C%22%2BHtmlEncode(defv).toLowerCase()%2B%22%2C%22).replace(%2F%20%2C%2Fg%2C%20'%2C').indexOf(%22%2C%22%2Bv%2B%22%2C%22)!%3D-1)%7Bck%3D%22%20checked%22%3Bcls%3D%22cked%22%3B%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20else%7Bck%3D%22%22%3Bcls%3D%22nock%22%3B%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20var%20thisstr%3D%22%3Clabel%20class%3D%5C%22%22%2Bcls%2B%22%5C%22%20for%3D%5C%22i_%22%2Bname%2B%22_%22%2Bi%2B%22%5C%22%20id%3D%5C%22l_%22%2Bname%2B%22_%22%2Bi%2B%22%5C%22%3E%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20thisstr%2B%3D%22%3Cinput%20class%3D%5C%22checkbox%5C%22%20onpropertychange%3D%5C%22document.getElementById('l_%22%2Bname%2B%22_%22%2Bi%2B%22').className%3D(document.getElementById('i_%22%2Bname%2B%22_%22%2Bi%2B%22').checked)%3F'cked'%3A'nock'%3B%5C%22%20onclick%3D%5C%22document.getElementById('l_%22%2Bname%2B%22_%22%2Bi%2B%22').className%3D(document.getElementById('i_%22%2Bname%2B%22_%22%2Bi%2B%22').checked)%3F'cked'%3A'nock'%3B%5C%22%20type%3D%5C%22checkbox%5C%22%22%2Bck%2B%22%20name%3D%5C%22%22%2Bname%2B%22%5C%22%20id%3D%5C%22i_%22%2Bname%2B%22_%22%2Bi%2B%22%5C%22%20value%3D%5C%22%22%2BHtmlEncode(v)%2B%22%5C%22%20%5C%2F%3E%20%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20thisstr%2B%3DHtmlEncode(t)%2B%22%3C%2Flabel%3E%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20document.write(thisstr)%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%20_getv(o)%7B%20%0D%0A%20%20%20%20var%20allvalue%3D%22%22%3B%20%0D%0A%20%20%20%20if(typeof(o)%3D%3D%22undefined%22)%7Breturn%20%22%22%3B%7D%20%0D%0A%20%20%20%20if%20(typeof(o.length)%3D%3D%22undefined%22)%7B%20%0D%0A%20%20%20%20%20%20%20%20if(o.checked)%7Breturn%20o.value%2B%20%22%2C%22%3B%7Delse%7Breturn%20%22%22%3B%7D%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20for(var%20i%3D0%3Bi%3Co.length%3Bi%2B%2B)%7B%20%0D%0A%20%20%20%20%20%20%20%20if(o%5Bi%5D.checked)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20allvalue%20%2B%3Do%5Bi%5D.value%2B%22%2C%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%20%20%20%20return%20allvalue%3B%20%0D%0A%7D%20%0D%0Afunction%20_setv(o%2Cdefv)%7B%20%0D%0A%20%20%20%20var%20allvalue%3D(%22%2C%22%2BHtmlEncode(defv).toLowerCase()%2B%22%2C%22).replace(%2F%20%2C%2Fg%2C%20'%2C')%3B%20%0D%0A%20%20%20%20for(var%20i%3D0%3Bi%3Co.length%3Bi%2B%2B)%7B%20%0D%0A%20%20%20%20%20%20%20%20var%20v%20%3D%20o%5Bi%5D.value%3B%20%0D%0A%20%20%20%20%20%20%20%20o%5Bi%5D.checked%3D(allvalue.indexOf(%22%2C%22%2Bv%2B%22%2C%22)!%3D-1)%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20return%20allvalue%3B%20%0D%0A%7D%20%0D%0Afunction%20_sl(o%2Cb)%7B%20%0D%0A%20%20%20%20for(var%20i%3D0%3Bi%3Co.length%3Bi%2B%2B)%7B%20%0D%0A%20%20%20%20%20%20%20%20o%5Bi%5D.checked%20%3D%20b%20%0D%0A%20%20%20%20%20%20%20%20%2F%2Fif(o%5Bi%5D.checked!%3Db)%7Bo%5Bi%5D.click()%3B%7D%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0A%2F%2F--%3E%20%0D%0A%3C%2FSCRIPT%3E"> <form method="post" name="myform" action="?"> <table border="0" width="200"> <tr> <td><div style="width:180px;height:150px;overflow:auto;border: 2px inset #FFFFFF;"> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CSCRIPT%20LANGUAGE%3D%22JavaScript%22%3E%20%0D%0A%3C!--%20%0D%0A_checkbox(%22city%22%2C%22%E5%8C%97%E4%BA%AC%5E%E5%B1%B1%E4%B8%9C%5E%E5%AE%89%E5%BE%BD%5E%E9%87%8D%E5%BA%86%5E%E7%A6%8F%E5%BB%BA%5E%E7%94%98%E8%82%83%5E%E5%B9%BF%E4%B8%9C%5E%E5%B9%BF%E8%A5%BF%5E%E8%B4%B5%E5%B7%9E%5E%E6%B5%B7%E5%8D%97%5E%E6%B2%B3%E5%8C%97%5E%E9%BB%91%E9%BE%99%E6%B1%9F%5E%E6%B2%B3%E5%8D%97%5E%E6%B9%96%E5%8C%97%5E%E6%B9%96%E5%8D%97%5E%E5%86%85%E8%92%99%E5%8F%A4%5E%E6%B1%9F%E8%8B%8F%5E%E6%B1%9F%E8%A5%BF%5E%E5%90%89%E6%9E%97%5E%E8%BE%BD%E5%AE%81%5E%E5%AE%81%E5%A4%8F%5E%E9%9D%92%E6%B5%B7%5E%E5%B1%B1%E8%A5%BF%5E%E9%99%95%E8%A5%BF%5E%E4%B8%8A%E6%B5%B7%5E%E5%9B%9B%E5%B7%9D%5E%E5%A4%A9%E6%B4%A5%5E%E8%A5%BF%E8%97%8F%5E%E6%96%B0%E7%96%86%5E%E4%BA%91%E5%8D%97%5E%E6%B5%99%E6%B1%9F%5E%E9%A6%99%E6%B8%AF%5E%E6%BE%B3%E9%97%A8%5E%E5%8F%B0%E6%B9%BE%22%2C%22%E5%8C%97%E4%BA%AC%2C%E5%B1%B1%E4%B8%9C%22)%20%0D%0A%2F%2F--%3E%20%0D%0A%3C%2FSCRIPT%3E"></div> </td> </tr> <tr> <td> <button onclick='_sl(document.myform.city,true);'>全选</button> <button onclick='_sl(document.myform.city,false);'>全不选</button> <button onclick='_setv(document.myform.city,"甘肃,广东");'>set值</button> <button onclick='alert(_getv(document.myform.city));'>get值</button> </td> </tr> <tr> <td><div style="width:180px;height:120px;overflow:auto;border: 2px inset #FFFFFF;"> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CSCRIPT%20LANGUAGE%3D%22JavaScript%22%3E%20%0D%0A%3C!--%20%0D%0A_checkbox(%22WebSite%22%2C%22Google.com%40%3Dhttp%3A%2F%2Fwww.google.com%5EBlueidea.com%40%3Dhttp%3A%2F%2Fwww.blueidea.com%5E51windows.Net%40%3Dhttp%3A%2F%2Fwww.51windows.net%22%2C%22http%3A%2F%2Fwww.51windows.net%22)%20%0D%0A%2F%2F--%3E%20%0D%0A%3C%2FSCRIPT%3E"></div> </td> </tr> <tr> <td> <button onclick='_sl(document.myform.WebSite,true);'>全选</button> <button onclick='_sl(document.myform.WebSite,false);'>全不选</button> <button onclick='_setv(document.myform.WebSite,"http://www.google.com");'>set值</button> <button onclick='alert(_getv(document.myform.WebSite));'>get值</button> </td> </tr> <tr> <td align="center"><button onclick='document.myform.reset();'>重置表单</button> </td> </tr> </table> </form> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程