PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> Javascript >> 

javaScript实现checkbox多项选择

javaScript实现checkbox多项选择

来源:互联网  作者:  发布时间:2010-10-30
其实挺简单的,刚好今天有用到,顺手记一下,以后用就copy好了
 

其实挺简单的,刚好今天有用到,顺手记一下,以后用就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

在php中checkbox的name 必须这样写  <input type="checkbox" name="cb[]" value="1"/>

是不是有点似曾相识的感觉,根php中的数组一样,没错,在php中取值得像这样

$a= $_POST['cb[]'];

print_r($a);


延伸阅读:
php 取多选框checkbox值实例
javascript多选框(checkbox) 全选示例
Tags: javascript   checkbox   多选   多选框  
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号