JS技术

javaScript实现checkbox多项选择_javascript教程教程

字号+ 作者:H5之家 来源:H5之家 2015-10-03 13:06 我要评论( )

javaScript实现checkbox多项选择,学习javaScript实现checkbox多项选择,javaScript实现checkbox多项选择,查看javaScript实现checkbox多项选择,其实挺简单的,刚好

其实挺简单的,刚好今天有用到,顺手记一下,以后用就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 Method="post" action="a.asp" onsubmit="return anyChecked()">
  
  全选:<input type="checkbox"onclick="checkall()" />
  多项选择框列表:
  <input type="checkbox" value="1"/>
  <input type="checkbox" value="2"/>
  <input type="checkbox" value="3"/>
    <input 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

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • JavaScript入门教程(二)_javascript教程教程

    JavaScript入门教程(二)_javascript教程教程

    2015-10-10 14:25

  • JavaScript入门教程(五)_javascript教程教程

    JavaScript入门教程(五)_javascript教程教程

    2015-10-10 14:21

  • JavaScript入门教程(四)_javascript教程教程

    JavaScript入门教程(四)_javascript教程教程

    2015-10-10 14:19

  • JavaScript入门教程(三)_javascript教程教程

    JavaScript入门教程(三)_javascript教程教程

    2015-10-10 14:17

网友点评