使用ASP与JAVASCRIPT配合实现多个复选框数据关联显示-会员卡,广州印刷,深圳印刷,印刷公司,名片,彩页,名片设计,设计教程,名片制作,彩色名片,名片模板,贵宾卡,pvc卡,设计欣赏,深圳名片,广州名片,business card design

首页	名片设计 CorelDRAW Illustrator AuotoCAD Painter 其他软件 Photoshop Fireworks Flash

» 彩色名片
» PVC卡
» 彩色磁性卡
» 彩页/画册
» 个性印务
» 彩色不干胶
» 明信片
   » 明信片
   » 彩色书签
   » 门挂
» 其他产品与服务
   » 创业锦囊
   » 办公用品
   » 信封、信纸
   » 便签纸、斜面纸砖
   » 无碳复印纸
   » 海报
   » 大篇幅印刷
   » KT板
   » 海报
   » 横幅

使用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>

//第一个复选框的内容
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+\\\']\\\'+\\\'n Value: \\\'+ val+\\\'n 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;i<array.length;i++){
DK_AddOnTo(obj,array[i][0],array[i][1]);
}
}
else {
alert(\\\'无数据\\\');
}
}

function DK_AddTo(src,obj){//往指定列表添加选项

for(var i=0;i<src.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;i<obj.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.length<0) return false;
for(var i=0;i<obj.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;i<src.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;i<array.length;i++){
if(array[i][0]==classid){
DK_AddOnTo(obj,array[i][1],array[i][2]);
j++;
}
}
return j;
}

</SCRIPT>
<STYLE type=text/css></STYLE>
<TITLE></TITLE>
</HEAD>
<BODY>
<table>
<tr><td colspan=4><input type=button value=\\\'初始化复选框一\\\' onclick=\\\'DK_InitListObject(select1,DK_Array1)\\\'><br><br>
<tr><td>复选框一：<td><select multiple id=select1 size=8></select>
<td><input 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)\\\'>
<td><select multiple id=select2 size=8></select>
<td><input 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)\\\'>
<td><select multiple id=select3 size=8></select><br>
</table>
</BODY>
</HTML>

返回类别: 教程
上一教程: 禁止恶意用户使用FILESYSTEMOBJECT
下一教程: 用XMLHTTP POST/GET HTML页面时的中文乱码问题之完全SCRIPT解决方案

您可以阅读与"使用ASP与JAVASCRIPT配合实现多个复选框数据关联显示"相关的教程:
· ASP实现在WEB中显示电子表格数据(一)显示数据表格的应用
· asp实现在web中显示电子表格数据（四）创建文件选择列表
· asp实现在web中显示电子表格数据（三）创建数据表列表和名字范围
· ASP实现在WEB中显示电子表格数据(四)创建文件选择列表
· 使用ASP结合数据库实现不限级数的弹出菜单


	快精灵印艺坊版权所有	首页会员中心在线印刷在线编辑付款方式索取样品设计指南连锁门店网站地图关于我们友情链接