[code]
<!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>
[/code]