javaScript实现checkbox多项选择

2016-02-19 19:37 17 1 收藏

今天给大家分享的是由图老师小编精心为您推荐的javaScript实现checkbox多项选择,喜欢的朋友可以分享一下,也算是给小编一份支持,大家都不容易啊!

【 tulaoshi.com - Web开发 】

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

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

选中之后怎么取它们的值呢?别急,在ASP中取值真是太简单了。如下:  

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

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

来源:http://www.tulaoshi.com/n/20160219/1621456.html

延伸阅读
标签: Web开发
在JavaScript中我们需要用到trim的地方很多,但是JavaScript又没有独立的trim函数或者方法可以使用,所以我们需要自己写个trim函数来实现我们的目的。      方案一:      以原型方式调用,即obj.trim()形式,此方式简单且使用方面广泛,定义方式如下: script language=”javascript” /** * 删除...
标签: Web开发
最近看fp比较上瘾。。。JS里的各种奇淫巧计也是不亦乐乎。oliver用单行javascript实现了fp里的memoizaion Bezier.prototype.getLength = function() {   var length = ... // 复杂、expensive的计算   return (this.getLength = function(){return length})(); } 原文讲得比较详细,内存泄漏都考虑到了。地址是 http://ost...
标签: Web开发
控制表单元素: 文本框,文本区域: $("#txt").attr("value")或者$("#txt").val()//获取值 $("#txt").attr("value",'');//清空内容 $("#txt").attr("value",'11');//填充内容 多选框checkbox: $("#checkbox_id").attr("value")或者$("#checkbox_id").val();//获取值 $("#chk1").attr("checked",'');//不打勾 $("#chk2").attr("checked...
  我们经常要给用户作出多项选择进行处理,例如允许用户对列表项选择多项后删除选定项等。今天举个例子说明PHP和JavaScript分别是怎样处理多项选择的。今天我们做的是一个投票系统,对MySQL数据库itemtable表里的项目进行投票,且每个别IP能且只能投两票。 表itemtable是通过以下MySQL语句建立的: CREATE TABLE `itemtable` (...
标签: ASP
  我们知道,如果在asp,只要response.write request.form("checkboxName")就可以判断是否有选择至少一项,但是必须递交后才可以这样做,那么就要接触脚本语言js,vbs 假设我们有个checkbox叫optHSCameratyp,我们写个函数来判断 function chkCheckBoxChs(objNam){ //檢測是否有選擇多选框的至少一项  var obj = document.getEleme...

经验教程

710

收藏

25
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部