Javascript 實(shí)現(xiàn)TreeView CheckBox全選效果
更新時間：2010年01月11日 23:44:32 作者：
Javascript 實(shí)現(xiàn)TreeView CheckBox 選中父節(jié)點(diǎn)時所有子節(jié)點(diǎn)全選，取消時全部取消
復(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)文章
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)小時鐘效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
本篇文章主要介紹了關(guān)于webpack代碼拆分的解析，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
js字符串的各種格式的轉(zhuǎn)換 ToString，F(xiàn)ormat
平時我們經(jīng)常會需要將字符轉(zhuǎn)換為各種不同的格式，例如錢：0元需要轉(zhuǎn)換為0.00顯示；需要轉(zhuǎn)換為16進(jìn)制顯示的數(shù)，這樣的例子有很多2011-08-08
js對table的td進(jìn)行相同內(nèi)容合并示例詳解
正如標(biāo)題所言如何對table的td進(jìn)行相同內(nèi)容合并，下面為大家詳細(xì)介紹下使用js是如何做到的，感興趣的朋友不要錯過2013-12-12
跟我學(xué)習(xí)javascript的執(zhí)行上下文
跟我學(xué)習(xí)javascript的執(zhí)行上下文，讀完本文后，你應(yīng)該清楚了解釋器做了什么，為什么函數(shù)和變量能在聲明前使用以及它們的值是如何決定的，需要了解這些內(nèi)容的朋友可以參考下2015-11-11
在網(wǎng)頁中，經(jīng)常見到進(jìn)度條效果，那么這些個性的進(jìn)度條組件效果是怎么實(shí)現(xiàn)的呢，下面腳本之家小編給大家分享Bootstrap進(jìn)度條組件知識詳解，感興趣的朋友要求學(xué)習(xí)吧2016-05-05
JS+JSP checkBox 全選具體實(shí)現(xiàn)
本文為大家介紹下使用JS+JSP實(shí)現(xiàn)checkBox全選，下面有個不錯的示例，感興趣的朋友可以參考下2014-01-01
這篇文章主要介紹了bootstrap 彈出框modal添加垂直方向滾軸效果,代碼簡單易懂，非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-07-07
在JS開發(fā)過程中,代碼可能存在一些語法或者邏輯上的錯誤,導(dǎo)致程序不能得到我們想要的結(jié)果,這時就需要我們找到并修復(fù)這些錯誤,我們將查找和修復(fù)錯誤的過程稱為調(diào)試或代碼調(diào)試,這篇文章主要給大家介紹了關(guān)于JS?debug跳過的7種方法,需要的朋友可以參考下2023-07-07
前一段時間在圖書館看了本關(guān)于JavaScript的書，上面講怎樣用js編推箱子小游戲。我想，那掃雷也當(dāng)然能編出來，然后就用DW試了試，結(jié)果如下。2009-11-11