多选框Checkbox的操作

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

   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 &lt; 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 &lt; 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 &lt; counter; i++)
   	{
   		var element = elements[i];
   		if ((element.type == "checkbox") &amp;&amp; (element.checked == true))
   		{
   			seltext = seltext + element.value + ",";
   			//这是jscript中的变量而已    
   		}
   	}
   	document.ck.allchecked.value = seltext.substr(seltext, seltext.length - 1);
   	//賦值    
   	alert(document.ck.allchecked.value);
   }
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

</head>

<body>

<tr>

<td>

全选:<input type="checkbox" id="checkAll" onclick="checkall()"/>

多项选择框列表:

</form>

</td>

</tr>

</table>

</center>

//全选或全部不选

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

发表回复 取消回复

相关文章

发表回复取消回复