著者: Ordinary Bits [Yifan]
<HTML>
<頭>
<META NAME="著者" Content="ダニー・カン">
<META NAME="作成日" Content="2004-10-28">
<META NAME="キーワード" Content="ダニー・カン,ダニー・カン,DK,[DK],ピズ">
<META http-equiv=content-type content="text/html; charset=gb2312">
<SCRIPT言語=javascript>
//'+---------------------------------------------- ----
//'+ ファイル名:
//'+ 作成日 : 2004-10-28 .by pizz [DK]
//'+ 更新日: 2004-10-28 .by pizz [DK]
//'+ FuncDesc: ASP と JAVASCRIPT を使用して、複数のチェック ボックス データの関連付けられた表示を実現します
//'+ www.downcodes.com
//'+----------------------------------------------
/ /最初のチェックボックスの内容
var DK_Array1 = 新しい Array();
/*以下の部分はASPを使用して動的に生成できます*/
DK_Array1[DK_Array1.length]=new Array('1','Category 1'); //カテゴリID、カテゴリ名
DK_Array1[DK_Array1.length]=新しい配列('2','カテゴリー 2');
DK_Array1[DK_Array1.length]=新しい配列('3','カテゴリ 3');
DK_Array1[DK_Array1.length]=新しい配列('4','カテゴリ 4');
DK_Array1[DK_Array1.length]=新しい配列('5','カテゴリ 5');
DK_Array1[DK_Array1.length]=新しい配列('6','カテゴリ 6');
DK_Array1[DK_Array1.length]=新しい配列('7','カテゴリー 7');
DK_Array1[DK_Array1.length]=新しい配列('8','カテゴリー 8');
//////////////////////////////////////////////// /// /////
//3 番目のチェックボックスの内容
var DK_Array3 = 新しい Array();
/*以下の部分はASPを使用して動的に生成できます*/
DK_Array3[DK_Array3.length]=new Array('1','1','サブクラス 1.1'); //カテゴリID、サブクラスID、サブクラス名
DK_Array3[DK_Array3.length]=new Array('1','2','Small class 1.2');
DK_Array3[DK_Array3.length]=new Array('1','3','Small class 1.3');
DK_Array3[DK_Array3.length]=new Array('2','4','Small class 2.4');
DK_Array3[DK_Array3.length]=new Array('2','5','Small class 2.5');
DK_Array3[DK_Array3.length]=new Array('2','6','Small class 2.6');
DK_Array3[DK_Array3.length]=new Array('2','7','Small class 2.7');
DK_Array3[DK_Array3.length]=new Array('3','8','Small class 3.8');
DK_Array3[DK_Array3.length]=new Array('4','9','Small class 4.9');
DK_Array3[DK_Array3.length]=new Array('4','10','Small class 4.10');
DK_Array3[DK_Array3.length]=new Array('4','11','Small class 4.11');
DK_Array3[DK_Array3.length]=new Array('4','12','Small class 4.12');
DK_Array3[DK_Array3.length]=new Array('5','13','Small class 5.13');
DK_Array3[DK_Array3.length]=new Array('5','14','Small class 5.14');
DK_Array3[DK_Array3.length]=new Array('6','15','Small class 6.15');
DK_Array3[DK_Array3.length]=new Array('6','16','Small class 6.16');
DK_Array3[DK_Array3.length]=new Array('6','17','Small class 6.17');
DK_Array3[DK_Array3.length]=new Array('6','18','Small class 6.18');
DK_Array3[DK_Array3.length]=new Array('6','19','Small class 6.19');
DK_Array3[DK_Array3.length]=new Array('7','20','小規模クラス 7.20');
DK_Array3[DK_Array3.length]=new Array('8','21','Small class 8.21');
DK_Array3[DK_Array3.length]=new Array('8','22','Small class 8.22');
//////////////////////////////////////////////// /// /////
function DK_AddOnTo(obj,val,txt){ //項目を追加します
if(DK_CheckExists(obj,val,txt)) {
alert('オプションはすでに存在します: ['+obj.id+']'+'n 値: '+ val+'n テキスト: '+txt);
戻る;
}
var opt=新しいオプション();
opt.value=val;
opt.text=txt;
obj.options.add(opt,0);
function
DK_InitListObject(obj,array){//初期化リスト
if(配列.長さ){
for(var i=0;i<array.length;i++){
DK_AddOnTo(obj,配列[i][0],配列[i][1]);
}
}
それ以外 {
アラート('データなし');
}
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) は false を返します。
for(var i=0;i<obj.length;i++){
if(obj.options[i].value==val && obj.options[i].text==txt) {
true を返します。
}
}
false を返します。
function
DK_ListTo(src,obj,array){//サブクラスを表示
if(配列.長さ){
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+' サブカテゴリが見つかりました。');
}
それ以外 {
アラート('データなし');
}
}
function DK_AddSpecList(classid,array,obj){//サブクラスの検索
var j=0;
for(var i=0;i<array.length;i++){
if(配列[i][0]==クラスID){
DK_AddOnTo(obj,配列[i][1],配列[i][2]);
j++;
}
}
j を返します。
</SCRIPT>
<STYLE type=text/css></STYLE>
<タイトル></タイトル>
</HEAD>
<本体>
<テーブル>
<tr><tdcolspan=4><input type=button value='初期化チェックボックス 1' onclick='DK_InitListObject(select1,DK_Array1)'><br><br>
<tr><td>チェックボックス 1: <td><複数選択 id=select1 size=8></select>
<td><input type=button value='Add' onclick='DK_AddTo(select1,select2)'> ==>
<td>チェックボックス 2:<br><== <input type=button value='Delete' onclick='DK_RemoveOne(select2)'>
<input type=button value='すべて削除' onclick='DK_ClearAll(select2)'>
<td><複数選択 id=select2 size=8></select>
<td><input type=button value='リスト関連' onclick='DK_ListTo(select2,select3,DK_Array3)'> ==>
<td>チェックボックス 3:<br><== <input type=button value='Delete' onclick='DK_RemoveOne(select3)'>
<input type=button value='すべて削除' onclick='DK_ClearAll(select3)'>
<td><複数選択 id=select3 size=8></select><br>
</テーブル>
</BODY>
</HTML>