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