javaScript实现checkbox多项选择

新客网 XKER.COM 2008-10-07 来源： 收藏本文

其实挺简单的，刚好今天有用到，顺手记一下，以后用就copy好了 .

<script language="javaScript">

//全选或全部不选
function checkall(){
var isChecked=(document.ck.checkAll.checked == true);
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;

}
}
}

//是否有checkbox被选中
function anyChecked(){

var elements=document.ck.elements;
var counter=elements.length;
for(i=0;i<counter;i++){
var element=elements[i];
if(element.checked == true){
return true;
}
}
return false;
}
</script>

<form name="ck" Method="post" action="a.asp" onsubmit="return anyChecked()">

全选:<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 name="Submit" type="submit" value="submit">
</form>

选中之后怎么取它们的值呢？别急，在ASP中取值真是太简单了。如下：


dim array_key

array_key= Split(Request.Form("cb"),",")

for each m in array_key
response.write m
next

• ·JavaScript学习笔记 4-循环 Loops
• ·JavaScript学习笔记 3-框架
• ·JavaScript学习笔记 2-变量、字符串
• ·JavaScript学习笔记 1-入门
• ·JavaScript利用ActiveX导出Excel,Word
• ·使用 JavaScript 获取 table 行号和列号
• ·javascript拖动小例子
• ·javaScript实现checkbox多项选择
• ·Javascript对url进行编码的几个函数
• ·关于Javascript定义函数和this使用的两点注意的地
• ·javascript获取随机整数
• ·mshtml：javascript为HTML文件中的Select添加opti
• ·重新载入javascript文件的方法(给js定个id)
• ·不要忘了为你的JavaScript命名