한국어
<!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{ 여백:1px;패딩:2px;너비:100%;디스플레이:블록;배경-색상:강조;색상:강조 텍스트; } .nock{ 여백:1px;패딩:2px;너비:100%;디스플레이:블록; } </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]; v=(thisarr.length==2)?thisarr[1]:arr[i]; if((","+HtmlEncode(defv).toLowerCase()+",").replace(/ ,/g, ' ,').indexOf(","+v+",")!=-1){ck=" selected";cls="cked";} else{ck="";cls="nock";} var thisstr ="<레이블 클래스=""+cls+"" for="i_"+name+"_"+i+"" id="l_"+name+"_"+i+"">"; ="<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+"" 값=""+HtmlEncode(v)+"" /> "; thisstr+=HtmlEncode(t)+"</label>"; document.write(thisstr); } } } 함수 _getv(o){ var allvalue=""; if(typeof(o)=="정의되지 않음"){return "";} if (typeof(o.length)=="정의되지 않음"){ if(o.checked){return o.value+ ",";}else {return "";} } for(var i=0;i<o.length;i++){ if(o[i].checked){ allvalue +=o[i].value+","; } } 모든 값을 반환합니다. } 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; } 함수 _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("도시", "北京^山东^安徽^重庆^福建^甘肃^广东^广西^贵州^海南^河北^黑龙江^河南^湖北^湖南^内蒙木古^江苏^江西^吉^辽宁^宁夏^青海^山西^陕西^상해 ^4kawa^天津^西藏^新疆^云南^浙江^香港^澳门^台湾","北京,山东") //--> </SCRIPT></div> </td> </tr> <tr> <td> <button onclick='_sl(document.myform.city,true);'>전체</button> <button onclick='_sl(document.myform.city,false);'>전체 불요</ 버튼> <button onclick='_setv(document.myform.city,"甘肃,广东");'>설정</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^downcodes.com@=http://www.downcodes.com^51windows.Net@=http ://www.downcodes.net","http://www.downcodes.net") //--> </SCRIPT></div> </td> </tr> <tr> <td> < 버튼 onclick='_sl(document.myform.WebSite,true);'>전체</button> <button onclick='_sl(document.myform.WebSite,false);'>전체불</button> <버튼 onclick='_setv(document.myform.WebSite,"http://www.google.com");'>설정</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>
