使用ASP与JAVASCRIPT配合实现多个复选框数据关联显示

v疯狂兔子v

v疯狂兔子v

2016-02-19 18:22

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情还,闲暇的时间怎么打发,关注图老师可以让你学习更多的好东西,下面为大家推荐使用ASP与JAVASCRIPT配合实现多个复选框数据关联显示,赶紧看过来吧!

  作者:平凡点滴
  HTML
  HEAD
  META NAME="AUTHOUR" Content="DANNY KANG"
  META NAME="CreateDate" Content="2004-10-28"
  META NAME="Keywords" Content="DANNY KANG,DannyKang,DK,[D.K],pizz"
  META http-equiv=content-type content="text/html; charset=gb2312"
  SCRIPT language=javascript
  //'+--------------------------------------------
  //'+ FileName:
  //'+ Created : 2004-10-28 .by pizz [D.K]
  //'+ Modified: 2004-10-28 .by pizz [D.K]
  //'+ FuncDesc: 使用ASP与JAVASCRIPT配合实现多个复选框数据关联显示
  //'+ school.cnd8.com
  //'+---------------------------------------------

  //第一个复选框的内容
  var DK_Array1 = new Array();
  /*以下部分,可以使用ASP动态生成*/
  DK_Array1[DK_Array1.length]=new Array('1','分类1'); //分类ID,分类名称
  DK_Array1[DK_Array1.length]=new Array('2','分类2');
  DK_Array1[DK_Array1.length]=new Array('3','分类3');
  DK_Array1[DK_Array1.length]=new Array('4','分类4');
  DK_Array1[DK_Array1.length]=new Array('5','分类5');
  DK_Array1[DK_Array1.length]=new Array('6','分类6');
  DK_Array1[DK_Array1.length]=new Array('7','分类7');
  DK_Array1[DK_Array1.length]=new Array('8','分类8');
  ///////////////////////////////////////////////////////

  //第三个复选框的内容
  var DK_Array3 = new Array();
  /*以下部分,可以使用ASP动态生成*/
  DK_Array3[DK_Array3.length]=new Array('1','1','小类1.1'); //分类ID,小类ID,小类名称
  DK_Array3[DK_Array3.length]=new Array('1','2','小类1.2');
  DK_Array3[DK_Array3.length]=new Array('1','3','小类1.3');
  DK_Array3[DK_Array3.length]=new Array('2','4','小类2.4');
  DK_Array3[DK_Array3.length]=new Array('2','5','小类2.5');
  DK_Array3[DK_Array3.length]=new Array('2','6','小类2.6');
  DK_Array3[DK_Array3.length]=new Array('2','7','小类2.7');
  DK_Array3[DK_Array3.length]=new Array('3','8','小类3.8');
  DK_Array3[DK_Array3.length]=new Array('4','9','小类4.9');
  DK_Array3[DK_Array3.length]=new Array('4','10','小类4.10');
  DK_Array3[DK_Array3.length]=new Array('4','11','小类4.11');
  DK_Array3[DK_Array3.length]=new Array('4','12','小类4.12');
  DK_Array3[DK_Array3.length]=new Array('5','13','小类5.13');
  DK_Array3[DK_Array3.length]=new Array('5','14','小类5.14');
  DK_Array3[DK_Array3.length]=new Array('6','15','小类6.15');
  DK_Array3[DK_Array3.length]=new Array('6','16','小类6.16');
  DK_Array3[DK_Array3.length]=new Array('6','17','小类6.17');
  DK_Array3[DK_Array3.length]=new Array('6','18','小类6.18');
  DK_Array3[DK_Array3.length]=new Array('6','19','小类6.19');
  DK_Array3[DK_Array3.length]=new Array('7','20','小类7.20');
  DK_Array3[DK_Array3.length]=new Array('8','21','小类8.21');
  DK_Array3[DK_Array3.length]=new Array('8','22','小类8.22');
  ///////////////////////////////////////////////////////

  
  function DK_AddOnTo(obj,val,txt){ //增加一项
   if(DK_CheckExists(obj,val,txt)) {
    alert('选项已存在:['+obj.id+']'+'  Value: '+ val+'  Text: '+txt);
    return;
   }
   var opt=new Option();
   opt.value=val;
   opt.text=txt;
   obj.options.add(opt,0);
  }

  function DK_InitListObject(obj,array){//初始化列表
   if(array.length){
    for(var i=0;iarray.length;i++){
     DK_AddOnTo(obj,array[i][0],array[i][1]);
    }
   }
   else {
    alert('无数据');
   }
  }

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

  function DK_AddTo(src,obj){//往指定列表添加选项
   
   for(var i=0;isrc.length;i++){
    if(src.options[i].selected){
     DK_AddOnTo(obj,src.options[i].value,src.options[i].text);
    }
   }
  }

  function DK_SelectAll(obj){ //选中全部选项
   for(var i=0;iobj.length;i++){
    obj.options[i].selected = true;
   }
  }
  function DK_ClearAll(obj){//删除全部选项
   if(obj.length-1=0){
    for(var i=obj.length-1;i=0;i--){
     obj.remove(i);
    }
   }
  }
  function DK_RemoveOne(obj){//删除选定项
   for(var i=obj.length-1;i=0;i--){
    if(obj.options[i].selected){
     obj.remove(i);
    }
   }
  }

  function DK_CheckExists(obj,val,txt){//检查项是否已存在
   if(obj.length0) return false;
   for(var i=0;iobj.length;i++){
    if(obj.options[i].value==val && obj.options[i].text==txt) {
     return true;
    }
   }
   return false;
  }

  function DK_ListTo(src,obj,array){//显示子类
   if(array.length){
    var j=0;
    for(var i=0;isrc.length;i++){
     if(src.options[i].selected){
      j+=DK_AddSpecList(src.options[i].value,array,obj);
     }
    }
    alert('共发现'+j+'个小类。');
   }
   else {
    alert('无数据');
   }
  }

  function DK_AddSpecList(classid,array,obj){//搜索子类
   var j=0;
   for(var i=0;iarray.length;i++){
    if(array[i][0]==classid){
     DK_AddOnTo(obj,array[i][1],array[i][2]);
     j++;
    }
   }
   return j;
  }

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

  /SCRIPT
  STYLE type=text/css/STYLE
  TITLE/TITLE
  /HEAD
  BODY
  table
  trtd colspan=4input type=button value='初始化复选框一' onclick='DK_InitListObject(select1,DK_Array1)'brbr
  trtd复选框一:tdselect multiple id=select1 size=8/select
  tdinput type=button value='添加' onclick='DK_AddTo(select1,select2)' ==
  td复选框二:br== input type=button value='删除' onclick='DK_RemoveOne(select2)'
  input type=button value='全删' onclick='DK_ClearAll(select2)'
  tdselect multiple id=select2 size=8/select
  tdinput type=button value='列出相关' onclick='DK_ListTo(select2,select3,DK_Array3)' ==
  td复选框三:br== input type=button value='删除' onclick='DK_RemoveOne(select3)'
  input type=button value='全删' onclick='DK_ClearAll(select3)'
  tdselect multiple id=select3 size=8/selectbr
  /table
  /BODY
  /HTML

展开更多 50%)
分享

猜你喜欢

使用ASP与JAVASCRIPT配合实现多个复选框数据关联显示

Web开发
使用ASP与JAVASCRIPT配合实现多个复选框数据关联显示

使用ASP与javascript配合实现多个复选框数据关联显示

ASP
使用ASP与javascript配合实现多个复选框数据关联显示

s8lol主宰符文怎么配

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

用Javascript制作复选框

Web开发
用Javascript制作复选框

javascript应用:实现复选框全选/全不选切换

Web开发
javascript应用:实现复选框全选/全不选切换

lol偷钱流符文搭配推荐

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

用PHP处理多个同名复选框

PHP
用PHP处理多个同名复选框

复选框用法

ASP
复选框用法

lolAD刺客新符文搭配推荐

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

在互联网上配置ACCESS数据访问页实例

在互联网上配置ACCESS数据访问页实例

DDR with Access Lists

DDR with Access Lists
下拉加载更多内容 ↓