多选框Checkbox的操作

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>多项选择</title>
</head>
<body>
<center>
<table width="460" border="0" cellspacing="0" cellpadding="0">
<tr>
	<td>
		<form name="ck" method="" action="">
			<input type="hidden" name="allchecked">
			<!--用于賦值-->
			 全选:<input type="checkbox" id="checkAll" onclick="checkall()"/> 
			 多项选择框列表: 
			 <input type="checkbox" name="cb" value="1"/>
			 <input type="checkbox" name="cb" value="2"/>
			 <input type="checkbox" name="cb" value="3"/>
			 <input type="checkbox" name="cb" value="4"/>
			 <input type="checkbox" name="cb" value="5"/>
			 <input type="checkbox" name="cb" value="6"/>
			 <input name="Submit" type="button" value="提交" onclick="notcheckall()">
		</form>
	</td>
</tr>
</table>
</center>
<script language="Javascript">
   //全选或全部不选   

   function checkall()
   {
   	var isChecked;
   	if (document.ck.checkAll.checked == true)
   	{
   		isChecked = true;
   		var elements = document.ck.elements;
   		var counter = elements.length;
   		var seltext = "";
   		//定义变量存储所有选择项      
   		for (i = 2; i < counter; i++)
   		{
   			var element = elements[i];
   			if (element.type == "checkbox")
   			{
   				element.checked = isChecked;
   				seltext = seltext + element.value + ",";
   				//进行连接      
   			}
   		}　
   		document.ck.allchecked.value = seltext.substr(0, seltext.length - 1);
   		//将值赋给form中的allchecked控件     
   		alert(document.ck.allchecked.value);
   	}
   	if (document.ck.checkAll.checked == false)
   	{
   		isChecked = false;
   		var elements = document.ck.elements;
   		var counter = elements.length;
   		for (i = 0; i < counter; i++)
   		{
   			var element = elements[i];
   			if (element.type == "checkbox")
   			{
   				element.checked = isChecked;
   			}
   		}
   		document.ck.allchecked.value = "";
   		alert(document.ck.allchecked.value);
   	}
   }
   //选择部分  

   function notcheckall()
   {
   	var elements = document.ck.elements;
   	var counter = elements.length;
   	var seltext = "";
   	for (i = 0; i < counter; i++)
   	{
   		var element = elements[i];
   		if ((element.type == "checkbox") && (element.checked == true))
   		{
   			seltext = seltext + element.value + ",";
   			//这是jscript中的变量而已    
   		}
   	}
   	document.ck.allchecked.value = seltext.substr(seltext, seltext.length - 1);
   	//賦值    
   	alert(document.ck.allchecked.value);
   }
</script>
</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
发表回复 取消回复

相关文章

发表回复取消回复
