javaScript实现checkbox多项选择

爱尚ktv刘啸啸

爱尚ktv刘啸啸

2016-02-19 19:37

今天给大家分享的是由图老师小编精心为您推荐的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;icounter;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;icounter;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中取值真是太简单了。如下:  

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

dim array_key
 
array_key= Split(Request.Form("cb"),",")
 
for each m in array_key
    response.write m
next

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

javaScript实现checkbox多项选择

Web开发
javaScript实现checkbox多项选择

PHP与JavaScript对多项选择的处理

Web开发
PHP与JavaScript对多项选择的处理

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

CheckBox 如何实现全选?

Web开发
CheckBox 如何实现全选?

javascript实现的左右选择框效果代码

Web开发
javascript实现的左右选择框效果代码

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

checkbox全选/取消全选以及checkbox遍历jQuery实现代码

Web开发
checkbox全选/取消全选以及checkbox遍历jQuery实现代码

JavaScript实现Iterator模式

Web开发
JavaScript实现Iterator模式

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

学习基于SQL数据库的算法

学习基于SQL数据库的算法

Javascript中判断润年简单的代码实例

Javascript中判断润年简单的代码实例
下拉加载更多内容 ↓