javaScript实现checkbox多项选择

2016-02-19 19:37 12 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

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

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

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

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

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

延伸阅读
标签: Web开发
代码如下: script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"/script input type="checkbox" name="checkbox_name[]” id=”checkbox_name_1″ /1br / input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_2″ /2br / input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_3″ ...
主界面CheckBoxinListViewActivity.java代码如下 : 代码如下: public class CheckBoxinListViewActivity extends Activity { /** Called when the activity is first created. */ private MyAdapter adapter; private ListView listview; private Button checkAll; private Button noCheckAll; @Override public void onCreate(B...
标签: Web开发
From: IECN.Net ; Author: 钟钟 /**  * 分页类构造  * 参数 nTotalList: 总条数  * 参数 nPageSize: 每页显示条数  * 参数 nPageNum: 当前页码  * 参数 sPageUrl: 分页链接的URL,页码以[pn]代替,输出时将被替换为实际...
标签: Web开发
style type="text/css"    #oContainer {          width: 600px;          height: 500px;          border: 1px solid menu;   ...
标签: Web开发
页面加入淡出效果会增加几丝美感! [以下这段加入head和/head之间] SCRIPTLanguage=“JavaScript” !--屏幕变色程序-- functionBgColor() { varx=0,step=1 while(x=0xffffff) { document.bgColor=x x+=step step=8 if(step==0x1000000)step=1 } } BgColor() /Script

经验教程

879

收藏

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