带Checkbox的列表框_表单特效

来源：动视网责编：小采时间：2020-11-27 20:33:06

带Checkbox的列表框_表单特效

带Checkbox的列表框_表单特效: 带Checkbox的列表框 - 51windows.Net body,td{font-size:12px;color:#000000;} .checkbox{width:15px;height:15px;} .cked{ margin:1px;padding:2px;width:100%;display:block;background

推荐度：

点击下载本文 文档为doc格式

导读带Checkbox的列表框_表单特效: 带Checkbox的列表框 - 51windows.Net body,td{font-size:12px;color:#000000;} .checkbox{width:15px;height:15px;} .cked{ margin:1px;padding:2px;width:100%;display:block;background

<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>

/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;i0){ 
 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();} 
 } 
} 
//--> 
 
 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

带Checkbox的列表框_表单特效

推荐度：

点击下载本文 文档为doc格式

标签：特效 ch 表单

热门焦点

带Checkbox的列表框_表单特效

带Checkbox的列表框_表单特效

带Checkbox的列表框_表单特效

最新推荐

猜你喜欢

热门推荐