带Checkbox的列表框

&lt;html&gt;
&lt;head&gt;
&lt;title&gt;带Checkbox的列表框 - 51windows.Net&lt;/title&gt;
&lt;meta http-equiv='Content-Type' content="text/html; charset=gb2312"&gt;
&lt;style&gt;
  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;  }
&lt;/style&gt;
&lt;meta content="MSHTML 6.00.2900.2912" name='GENERATOR'&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;script language='JavaScript'&gt;
function HtmlEncode(text){      
return text.replace(/&amp;/g, '&amp;').replace(/\"/g, '"').replace(/&lt;/g, '&lt;').replace(/&gt;/g, '&gt;');
} 
 function _checkbox(name,str,defv){      
 //haiwa@2005-8-17      
	var arr = str.split("^");
	var ck = "",bc = "";
	for (var i = 0; i &lt; arr.length; i++) {
		var thisarr = arr[i].split("@=");
		if (thisarr[0].length &gt; 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 = "&lt;label class=\""+cls+" \" for=\"i_ "+name+"_ "+i+" \" id=\"l_ "+name+"_ "+i+" \"&gt;";
			thisstr += "&lt;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)+" \" //&gt; ";
			thisstr += HtmlEncode(t) + "&lt;/label&gt;";
			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 &lt; 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 &lt; 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 &lt; o.length; i++) {
			o[i].checked = b //if(o[i].checked!=b){o[i].click();}     
		}
 } 
 //--&gt;  &lt;/script&gt;
&lt;form name='myform' action='?' method='post'&gt;
	&lt;table width='200' border='0'&gt;
	&lt;tbody&gt;
	&lt;tr&gt;
		&lt;td&gt;
			&lt;div style="BORDER-RIGHT: #ffffff 2px inset; BORDER-TOP: #ffffff 2px inset; OVERFLOW: auto; BORDER-LEFT: #ffffff 2px inset; WIDTH: 180px; BORDER-BOTTOM: #ffffff 2px inset; HEIGHT: 150px"&gt;
				&lt;script language='JavaScript'&gt;  &lt;!--  _checkbox("city","北京^山东^安徽^重庆^福建^甘肃^广东^广西^贵州^海南^河北^黑龙江^河南^湖北^湖南^内蒙古^江苏^江西^吉林^辽宁^宁夏^青海^山西^陕西^上海^四川^天津^西藏^新疆^云南^浙江^香港^澳门^台湾","北京,山东")  //--&gt;  &lt;/script&gt;
			&lt;/div&gt;
		&lt;/td&gt;
	&lt;/tr&gt;
	&lt;tr&gt;
		&lt;td&gt;
			&lt;button onclick='_sl(document.myform.city,true);'&gt;全选&lt;/button&gt;&lt;button onclick='_sl(document.myform.city,false);'&gt;全不选&lt;/button&gt;&lt;button onclick='_setv(document.myform.city,"甘肃,广东");'&gt;set值&lt;/button&gt;&lt;button onclick='alert(_getv(document.myform.city));'&gt;get值&lt;/button&gt;
		&lt;/td&gt;
	&lt;/tr&gt;
	&lt;tr&gt;
		&lt;td&gt;
			&lt;div style="BORDER-RIGHT: #ffffff 2px inset; BORDER-TOP: #ffffff 2px inset; OVERFLOW: auto; BORDER-LEFT: #ffffff 2px inset; WIDTH: 180px; BORDER-BOTTOM: #ffffff 2px inset; HEIGHT: 120px"&gt;
				&lt;script language='JavaScript'&gt;  &lt;!--  _checkbox("WebSite","Google.com@=http://www.google.com^Blueidea.com@=http://www.blueidea.com^51windows.Net@=http://www.51windows.net","http://www.51windows.net")  //--&gt;  &lt;/script&gt;
			&lt;/div&gt;
		&lt;/td&gt;
	&lt;/tr&gt;
	&lt;tr&gt;
		&lt;td&gt;
			&lt;button onclick='_sl(document.myform.WebSite,true);'&gt;全选&lt;/button&gt;&lt;button onclick='_sl(document.myform.WebSite,false);'&gt;全不选&lt;/button&gt;&lt;button onclick='_setv(document.myform.WebSite,"http://www.google.com");'&gt;set值&lt;/button&gt;&lt;button onclick='alert(_getv(document.myform.WebSite));'&gt;get值&lt;/button&gt;
		&lt;/td&gt;
	&lt;/tr&gt;
	&lt;tr&gt;
		&lt;td align='middle'&gt;
			&lt;button onclick='document.myform.reset();'&gt;重置表单&lt;/button&gt;
		&lt;/td&gt;
	&lt;/tr&gt;
	&lt;/tbody&gt;
	&lt;/table&gt;
&lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;

100

101

102

103

104

105

106

107

<html>

<head>

<title>带Checkbox的列表框 - 51windows.Net</title>

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

</head>

<body>

function HtmlEncode(text){

return text.replace(/&/g, '&').replace(/\"/g, '"').replace(/</g, '<').replace(/>/g, '>');

}

function _checkbox(name,str,defv){

//haiwa@2005-8-17

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>

<tbody>

<tr>

<td>

</div>

</td>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

<td>

</div>

</td>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

</td>

</tr>

</tbody>

</table>

</form>

</body>

</html>

一	二	三	四	五	六	日
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31

发表回复 取消回复

相关文章

发表回复取消回复