?? tree_checkboxs.html
字號:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script language="javascript">
function treeClick(o){
var obj,chk,disp,level,selectValue
obj = event.srcElement;
if (obj==o) return;
if (obj.tagName=="INPUT"){
chk = obj.checked;
level = parseInt(obj.parentElement.className.substring(1));
var _obj = obj,_level = level-1;
while(obj.parentElement.nextSibling&&parseInt(obj.parentElement.nextSibling.className.substring(1))>level){
obj = obj.parentElement.nextSibling.all.tags("INPUT")[0];
obj.checked = chk;
}
while(_obj.parentElement.previousSibling){
_obj = _obj.parentElement.previousSibling.all.tags("INPUT")[0];
if (parseInt(_obj.parentElement.className.substring(1))==_level){
if(!_obj.checked&&chk)_obj.checked = true;
else if (_obj.checked&&!chk) setParentCheck(_obj);
_level--;
}
}
getTreeValue(_obj.parentElement.parentElement);
return;
}
if (!obj.nextSibling) return;
disp = obj.nextSibling.style.display!="block"?"block":"none";
level = parseInt(obj.className.substring(1));
while(obj.nextSibling&&parseInt(obj.nextSibling.className.substring(1))>level){
obj = obj.nextSibling;
obj.style.display = disp;
}
}
function setParentCheck(obj){
var level = parseInt(obj.parentElement.className.substring(1));
var o = obj;
while(o.parentElement.nextSibling&&parseInt(o.parentElement.nextSibling.className.substring(1))>level){
o = o.parentElement.nextSibling.all.tags("INPUT")[0];
if (o.checked)return;
}
obj.checked = false;
}
function getTreeValue(o){
var val = [];
var objs = o.all.tags("INPUT");
for (var i=1;i<objs.length ;i++ )if(objs[i].checked)val.push(objs[i].parentElement.val);
o.previousSibling.value = val.join(",");
}
</script>
<style>
* {font-size:9.5pt;}
.ctree2 div {
height:16px;
background-repeat:no-repeat;
cursor:default;
padding-left:20px;
}
.ctree2 .l1,.l2,.l3 {background-image:url('folder.gif');}
.ctree2 .l4 {background-image:url('file.png');}
.ctree2 .l1 {background-position:2 0%;}
.ctree2 .l2 {background-position:14 0%;padding-left:35px;}
.ctree2 .l3 {background-position:28 0%;padding-left:48px;display:none}
.ctree2 .l4 {background-position:42 0%;padding-left:58px;display:none}
.ctree2 input {margin:-2px;margin-right:0px;}
</style>
</head>
<body>
<input type="button" value="獲取樹型控件值" onclick="javascript:alert(document.getElementById('dept').value)">
<br/><br/>
<input type="hidden" id="dept" name="dept"/><div class="ctree2" style="width:300px;height:450px;border:1px outset #EEEEEE;padding-top:2px;overflow-x:hidden;overflow-y:scroll;display:inline"
onmouseover="javascript:var obj=event.srcElement;if(obj!=this)obj.style.backgroundColor='#f3f6ff';"
onmouseout="javascript:var obj=event.srcElement;if(obj!=this)obj.style.backgroundColor='';"
onclick="javascript:treeClick(this)">
<div class="l1" val=""><input type="checkbox">請選擇菜單</div>
<div class="l2" val="業務管理"><input type="checkbox">業務管理</div>
<div class="l3" val="結算主體管理"><input type="checkbox">結算主體管理</div>
<div class="l4" val="結算主體維護"><input type="checkbox">結算主體維護</div>
<div class="l4" val="結算會員維護"><input type="checkbox">結算會員維護</div>
<div class="l3" val="結算機構管理"><input type="checkbox">結算機構管理</div>
<div class="l4" val="結算機構維護"><input type="checkbox">結算機構維護</div>
<div class="l4" val="部門授權"><input type="checkbox">部門授權</div>
<div class="l4" val="用戶角色授權"><input type="checkbox">用戶角色授權</div>
<div class="l3" val="席位管理"><input type="checkbox">席位管理</div>
<div class="l4" val="席位信息維護"><input type="checkbox">席位信息維護</div>
<div class="l4" val="合同代碼維護"><input type="checkbox">合同代碼維護</div>
<div class="l3" val="業務權限管理"><input type="checkbox">業務權限管理</div>
<div class="l4" val="資金賬套授權"><input type="checkbox">資金賬套授權</div>
<div class="l4" val="清算業務授權"><input type="checkbox">清算業務授權</div>
<div class="l4" val="總賬科目授權"><input type="checkbox">總賬科目授權</div>
<div class="l4" val="憑證模板授權"><input type="checkbox">憑證模板授權</div>
<div class="l4" val="托管業務授權"><input type="checkbox">托管業務授權</div>
<div class="l3" val="交收日歷管理"><input type="checkbox">交收日歷管理</div>
<div class="l4" val="日歷模板維護"><input type="checkbox">日歷模板維護</div>
<div class="l4" val="節假日維護"><input type="checkbox">節假日維護</div>
<div class="l4" val="交收日歷維護"><input type="checkbox">交收日歷維護</div>
<div class="l3" val="業務參數維護"><input type="checkbox">業務參數維護</div>
<div class="l4" val="業務參數維護"><input type="checkbox">業務參數維護</div>
<div class="l4" val="系統客戶分類維護"><input type="checkbox">系統客戶分類維護</div>
<div class="l4" val="清算解鎖"><input type="checkbox">清算解鎖</div>
<div class="l4" val="特殊業務數據處理"><input type="checkbox">特殊業務數據處理</div>
<div class="l3" val="證券信息維護"><input type="checkbox">證券信息維護</div>
<div class="l4" val="證券信息維護"><input type="checkbox">證券信息維護</div>
<div class="l2" val="清算管理"><input type="checkbox">清算管理</div>
<div class="l3" val="清算業務"><input type="checkbox">清算業務</div>
<div class="l4" val="開工處理"><input type="checkbox">開工處理</div>
<div class="l4" val="數據轉換"><input type="checkbox">數據轉換</div>
<div class="l4" val="讀取數據"><input type="checkbox">讀取數據</div>
<div class="l4" val="數據清分"><input type="checkbox">數據清分</div>
<div class="l4" val="清算預處理"><input type="checkbox">清算預處理</div>
<div class="l4" val="股份清算"><input type="checkbox">股份清算</div>
<div class="l4" val="股份對賬"><input type="checkbox">股份對賬</div>
<div class="l4" val="資金清算"><input type="checkbox">資金清算</div>
<div class="l4" val="資金交收"><input type="checkbox">資金交收</div>
<div class="l4" val="數據發放"><input type="checkbox">數據發放</div>
<div class="l3" val="手工清算"><input type="checkbox">手工清算</div>
<div class="l4" val="保證金調整"><input type="checkbox">保證金調整</div>
<div class="l4" val="代理傭金管理"><input type="checkbox">代理傭金管理</div>
<div class="l4" val="尾隨傭金管理"><input type="checkbox">尾隨傭金管理</div>
<div class="l4" val="特殊費用記賬"><input type="checkbox">特殊費用記賬</div>
<div class="l4" val="基金交收控制"><input type="checkbox">基金交收控制</div>
<div class="l4" val="印花稅分發"><input type="checkbox">印花稅分發</div>
<div class="l3" val="自有收支核算"><input type="checkbox">自有收支核算</div>
<div class="l4" val="自有收支統計"><input type="checkbox">自有收支統計</div>
<div class="l4" val="自有收支核算"><input type="checkbox">自有收支核算</div>
<div class="l4" val="自有收支核算規則"><input type="checkbox">自有收支核算規則</div>
<div class="l4" val="客戶自有調整"><input type="checkbox">客戶自有調整</div>
<div class="l3" val="統計查詢"><input type="checkbox">統計查詢</div>
<div class="l4" val="一級資金清算明細"><input type="checkbox">一級資金清算明細</div>
<div class="l4" val="二級資金清算明細"><input type="checkbox">二級資金清算明細</div>
<div class="l4" val="資金清算匯總查詢"><input type="checkbox">資金清算匯總查詢</div>
<div class="l4" val="資金待交收查詢"><input type="checkbox">資金待交收查詢</div>
<div class="l3" val="基礎信息維護"><input type="checkbox">基礎信息維護</div>
<div class="l4" val="費率維護"><input type="checkbox">費率維護</div>
<div class="l4" val="要約收購信息"><input type="checkbox">要約收購信息</div>
<div class="l4" val="交收憑證定義"><input type="checkbox">交收憑證定義</div>
<div class="l4" val="認領記賬規則"><input type="checkbox">認領記賬規則</div>
<div class="l4" val="基金交收憑證定義"><input type="checkbox">基金交收憑證定義</div>
<div class="l4" val="標的證券對應維護"><input type="checkbox">標的證券對應維護</div>
<div class="l4" val="集體轉指定/轉托管"><input type="checkbox">集體轉指定/轉托管</div>
<div class="l4" val="無頭賬認領配置"><input type="checkbox">無頭賬認領配置</div>
<div class="l3" val="基金清算規則"><input type="checkbox">基金清算規則</div>
<div class="l4" val="基金交收規則"><input type="checkbox">基金交收規則</div>
<div class="l4" val="申請單號規則"><input type="checkbox">申請單號規則</div>
<div class="l4" val="機構識別碼"><input type="checkbox">機構識別碼</div>
<div class="l3" val="無頭賬認領"><input type="checkbox">無頭賬認領</div>
<div class="l4" val="無頭賬認領"><input type="checkbox">無頭賬認領</div>
<div class="l4" val="取消認領"><input type="checkbox">取消認領</div>
<div class="l4" val="禁止認領"><input type="checkbox">禁止認領</div>
<div class="l3" val="交收路線圖"><input type="checkbox">交收路線圖</div>
<div class="l4" val="三方存管銀行設置"><input type="checkbox">三方存管銀行設置</div>
<div class="l4" val="三方存管賬戶設置"><input type="checkbox">三方存管賬戶設置</div>
<div class="l4" val="三方存管日終劃付查詢"><input type="checkbox">三方存管日終劃付查詢</div>
<div class="l4" val="基金交收指令維護"><input type="checkbox">基金交收指令維護</div>
<div class="l4" val="基金交收指令查詢"><input type="checkbox">基金交收指令查詢</div>
<div class="l4" val="基金劃款指令"><input type="checkbox">基金劃款指令</div>
<div class="l4" val="三方存管數據字典設置"><input type="checkbox">三方存管數據字典設置</div>
<div class="l4" val="三方存管日終劃付導出"><input type="checkbox">三方存管日終劃付導出</div>
<div class="l4" val="三方存管日終劃付導出(新意接口)"><input type="checkbox">三方存管日終劃付導出(新意接口)</div>
<div class="l3" val="B股境外業務"><input type="checkbox">B股境外業務</div>
<div class="l4" val="深圳二類交收指令"><input type="checkbox">深圳二類交收指令</div>
<div class="l4" val="深圳會員成交確認"><input type="checkbox">深圳會員成交確認</div>
<div class="l4" val="上海基金交易指令"><input type="checkbox">上?；鸾灰字噶?lt;/div>
<div class="l4" val="上?；鸾皇罩噶?quot;><input type="checkbox">上海基金交收指令</div>
<div class="l4" val="上海會員成交確認"><input type="checkbox">上海會員成交確認</div>
<div class="l3" val="資金試交收統計"><input type="checkbox">資金試交收統計</div>
<div class="l4" val="試交收統計"><input type="checkbox">試交收統計</div>
<div class="l4" val="試交收查詢"><input type="checkbox">試交收查詢</div>
<div class="l4" val="非統計席位維護"><input type="checkbox">非統計席位維護</div>
</div>
</body>
</html>?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -