//全选或全部不选function checkall(){var isChecked=(document.ck.checkAll.c...">
论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > javascript教程教程
Tag:验证,特效,入门,实例,验证,表单,特效,正则表达式,跑马灯,document,函数,代码,getElementByID,菜单,图片,视频教程

javaScript实现checkbox多项选择

文章类别:javascript教程 | 发表日期:2008-10-16 14:51:49

其实挺简单的,刚好今天有用到,顺手记一下,以后用就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实例教程(1) 创建弹出式窗口 人气:7216
下一篇:javascript拖动小例子 人气:4480
视频教程列表
文章教程搜索
 
Javascript推荐教程
Javascript热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058