WEB开发网
开发学院网页设计JavaScript javaScript实现checkbox多项选择 阅读

javaScript实现checkbox多项选择

 2008-10-07 20:01:21 来源:WEB开发网   
核心提示:其实挺简单的,刚好今天有用到,javaScript实现checkbox多项选择,顺手记一下,以后用就copy好了 . <script language="javaScript"> //全选或全部不选 function checkall(){ var isChecked

其实挺简单的,刚好今天有用到,顺手记一下,以后用就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" >
 
  全选:<input type="checkbox" id="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

Tags:javaScript 实现 checkbox

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接