您好，欢迎来到模板无忧！
登录
注册
闂傚倸鍊峰ù鍥Υ閳ь剟鏌涚€ｎ偅宕岄柡宀€鍠栭、娑樷堪閸愮偓姣夋俊鐐€戦崕濠氬箯閿燂拷
闂傚倸鍊烽懗鍫曞箠閹捐瑙﹂悗锝庡墮閸ㄦ繈骞栧ǎ顒€濡肩痪鎯с偢閺屻劑鎮ら崒娑橆伓
闂傚倸鍊风欢姘缚婵犳碍鈷旈柛鏇ㄥ亽閻斿棙淇婇姘ュ仺鐟滅増甯楅弲鎼佹煥閻曞倹瀚�
闂傚倷鐒﹂惇褰掑春閸曨垰鍨傚┑鍌溓圭粣妤呮煛瀹ュ啫濡介柛娆忕箻閺屻劑鎮ら崒娑橆伓
模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
关闭顶部
展开顶部
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
AI闁诲繐绻愮换妤佺閿燂拷 闂佺厧鐤囧Λ鍕疮閹炬潙顕辨慨妯块哺閺嗭拷
闂佺硶鏅濋崰搴ㄥ箖閿燂拷
闂佽浜介崝蹇撶暦閿燂拷
展开边栏
关闭边栏
网页特效代码
模板无忧
>
网页特效
>
表单按钮特效代码
>
收藏
分享
查看评论
表单按钮
演示
带Checkbox的列表框_表单按钮特效
查看演示效果
特效Tag：
列表
添加
缂備礁娲﹂埅绀慹deCMS閻熸瑥妫濋。鍫曞极濞嗘垟鏌�
濞戞梹澹嗛埞鏍⒒閿燂拷 缂佸鍠愬﹢鍥礉閳ヨ櫕鐝� 闂侇偄顦辩紞澶屾兜閺囨氨闉嶉柤杈ㄦ缁憋拷
闁哄啰濮撮崪鏍博濞嗘挻姣愮€规悶鍎遍崣锟�,闁谎勫劤鐎规娊寮堕崘顔兼濞戞挴鍋撻梺娆惧枛閸欏繘寮婚敓锟�!
带Checkbox的列表框,您可以先修改部分代码再运行.
<html> <head> <title>带Checkbox的列表框</title> <meta http-equiv="Content-Type" mrc="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> <SCRIPT LANGUAGE="JavaScript"> <!-- function HtmlEncode(text){ return text.replace(/&/g, '&').replace(/"/g, '"').replace(/</g, '<').replace(/>/g, '>'); } function _checkbox(name,str,defv){ //haiwa@2005-8-17 //http://www.51windows.net var arr=str.split("^"); var ck="",bc=""; for(var i=0;i<arr.length;i++){ var thisarr=arr[i].split("@="); if (thisarr[0].length>0){ var t=(thisarr.length==2)?thisarr[0]:arr[i]; var v=(thisarr.length==2)?thisarr[1]:arr[i]; if((","+HtmlEncode(defv).toLowerCase()+",").replace(/ ,/g, ',').indexOf(","+v+",")!=-1){ck=" checked";cls="cked";} else{ck="";cls="nock";} var thisstr="<label class=""+cls+"" for="i_"+name+"_"+i+"" id="l_"+name+"_"+i+"">"; thisstr+="<input class="checkbox" onpropertychange="document.getElementById('l_"+name+"_"+i+"').className=(document.getElementById('i_"+name+"_"+i+"').checked)?'cked':'nock';" onclick="document.getElementById('l_"+name+"_"+i+"').className=(document.getElementById('i_"+name+"_"+i+"').checked)?'cked':'nock';" type="checkbox""+ck+" name=""+name+"" id="i_"+name+"_"+i+"" value=""+HtmlEncode(v)+"" /> "; thisstr+=HtmlEncode(t)+"</label>"; document.write(thisstr); } } } function _getv(o){ var allvalue=""; if(typeof(o)=="undefined"){return "";} if (typeof(o.length)=="undefined"){ if(o.checked){return o.value+ ",";}else{return "";} } for(var i=0;i<o.length;i++){ if(o[i].checked){ allvalue +=o[i].value+","; } } return allvalue; } function _setv(o,defv){ var allvalue=(","+HtmlEncode(defv).toLowerCase()+",").replace(/ ,/g, ','); for(var i=0;i<o.length;i++){ var v = o[i].value; o[i].checked=(allvalue.indexOf(","+v+",")!=-1) } return allvalue; } function _sl(o,b){ for(var i=0;i<o.length;i++){ o[i].checked = b //if(o[i].checked!=b){o[i].click();} } } //--> </SCRIPT> <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;"> <SCRIPT LANGUAGE="JavaScript"> <!-- _checkbox("city","北京^山东^安徽^重庆^福建^甘肃^广东^广西^贵州^海南^河北^黑龙江^河南^湖北^湖南^内蒙古^江苏^江西^吉林^辽宁^宁夏^青海^山西^陕西^上海^四川^天津^西藏^新疆^云南^浙江^香港^澳门^台湾","北京,山东") //--> </SCRIPT></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;"> <SCRIPT LANGUAGE="JavaScript"> <!-- _checkbox("WebSite","Google.com@=http://www.google.com^Blueidea.com@=http://www.blueidea.com^Linkweb.cn@=http://www.linkweb.cn/js","http://www.linkweb.cn/js") //--> </SCRIPT></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>
所属频道：
表单按钮特效
/
更新时间：2012-05-08
[收藏]
[报错]
[返回列表]
评论加载中....
相关
表单按钮特效
：
又一个带描述的表单
可自由移动位置的导航条
页面转跳。跟本站的教学文章中的那些转到第几页一样的
提供四种打开新窗的形式
自动复制代码
方便登录各种管理页面以及任何EMAIL量身定做！
QQ分类搜索代码
查找表格的内容
一个带描述的表单
常用email检验函数
file框模拟新解
检测复选框
表单按钮特效Rss订阅
特效代码搜索
表单按钮特效推荐
JavaScript动态操作表格，添加，删除行、列及单元格
仿XP界面的CSS按钮特效代码
支持分类的Select下拉框(Optgroup标签示例)
连接说明浮动条脚本
一个清新的CSS表单布局
按钮控制窗口移动
用JavaScript判断文本框输入的是否是英文或数字
按钮跳转到指定的URL代码
纯CSS实现漂亮的分页按钮风格
让Select列表各项上移和下移的Js代码
猜你也喜欢看这些
标题日期
星期查询！可设置任意、年、月、日 ！！
WINDOWS式样的计算器
科学计算器
世纪倒计时1
坐标图
JavaScript自动将选择的时间填入文本框
JS计时器(非倒计时)
根据日期来显示当日的信息
显示星期中包含的日期数
相关链接：
复制本页链接
|
搜索带Checkbox的列表框
特效说明：
表单按钮模板
-
带Checkbox的列表框
。
闂佽 鍋撻柟顖滃椤ワ拷&闂佸憡甯掑Λ鏃堟閿燂拷
QQ缂備礁鏈钘壩涢敓锟�
闂佸搫鍊绘晶妤€顫濋纰卞殫妞ゆ梻鍘х憴锟�
闂佺厧鐏氬畷姗€顢欓崱妤婂殫妞ゆ梻鍘х憴锟�
婵炲瓨绮忓銊バф径宀€纾鹃柨鐕傛嫹
閻庢鍠掗崑鎾荤叓閸パ冩殶缂傚稄鎷�
闂佽皫鍕姢閻庤濞婇獮鏍р堪閸℃﹩妫�
婵犮垼娉涚粔鎾春濡ゅ啰纾鹃柟瀛樼箖缁诧拷
闂佸搫娲﹀ḿ娆撍囬敓锟�...
AI闁诲繐绻愮换妤佺閿燂拷 闂佺厧鐤囧Λ鍕疮閹炬潙顕辨慨妯块哺閺嗭拷
闂佺硶鏅濋崰搴ㄥ箖閿燂拷
闂佽浜介崝蹇撶暦閿燂拷
评论加载中....
。。