Javascript 實現(xiàn)TreeView CheckBox全選效果
更新時間:2010年01月11日 23:44:32 作者:
Javascript 實現(xiàn)TreeView CheckBox 選中父節(jié)點時所有子節(jié)點全選,取消時全部取消
復(fù)制代碼 代碼如下:
function OnTreeNodeChecked() {
var ele = event.srcElement;
if (ele.type == 'checkbox') {
var childrenDivID = ele.id.replace('CheckBox', 'Nodes');
var div = document.getElementById(childrenDivID);
if (div != null) {
var checkBoxs = div.getElementsByTagName('INPUT');
for (var i = 0; i < checkBoxs.length; i++) {
if (checkBoxs[i].type == 'checkbox')
checkBoxs[i].checked = ele.checked;
}
}
OnTreeNodeChildChecked(ele);
}
}
function OnTreeNodeChildChecked(ele) {
//自動處理上級
var parentDiv = ele.parentElement.parentElement.parentElement.parentElement.parentElement;
var parentChkBox = document.getElementById(parentDiv.id.replace('Nodes', 'CheckBox'));
if (parentChkBox != null) {
var ChildsChkAll = true;
var Boxs = parentDiv.getElementsByTagName('INPUT');
for (var i = 0; i < Boxs.length; i++) {
if (Boxs[i].type == 'checkbox' && Boxs[i].checked == false) {
ChildsChkAll = false;
}
}
parentChkBox.checked = ChildsChkAll;
OnTreeNodeChildChecked(parentChkBox);
}
}
CS文件中注冊JavaScript:
復(fù)制代碼 代碼如下:
void Page_Load(object sender,EventArgs e)
{
this.TreeView.Attribute.Add("onclick","OnTreeNodeChecked()");
}
相關(guān)文章
javascript實現(xiàn)不同顏色Tab標簽切換效果
這篇文章主要為大家詳細介紹了javascript實現(xiàn)不同顏色Tab標簽切換效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-04-04一文徹底理解js原生語法prototype,__proto__和constructor
作為一名前端工程師,必須搞懂JS中的prototype、__proto__與constructor屬性,相信很多初學(xué)者對這些屬性存在許多困惑,容易把它們混淆,下面這篇文章主要給大家介紹了關(guān)于js原生語法prototype,__proto__和constructor的相關(guān)資料,需要的朋友可以參考下2021-10-10JavaScript高級程序設(shè)計 讀書筆記之八 Function類及閉包
Function類及閉包,學(xué)習(xí)js的朋友可以參考下2012-02-02解決layui-table單元格設(shè)置為百分比在ie8下不能自適應(yīng)的問題
今天小編就為大家分享一篇解決layui-table單元格設(shè)置為百分比在ie8下不能自適應(yīng)的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09javaScript如何跳出多重循環(huán)break、continue
這篇文章主要為大家詳細介紹了javaScript如何跳出多重循環(huán)break、continue,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-09-09