javascrip实现：若选中TreeView的父节点checkbox，则其子节点全部选中

最新推荐文章于 2017-11-30 15:08:00 发布

转载最新推荐文章于 2017-11-30 15:08:00 发布 · 1.1k 阅读

文章标签：

#function #javascript #input #server #xhtml #firefox

随记同时被 2 个专栏收录

2 篇文章

订阅专栏

JavaScript

1 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的TreeView功能，当父节点被选中时，其所有子节点也会自动选中；反之，如果子节点中有任何一个未被选中，则父节点也被设置为未选中状态。此方法适用于IE7及Firefox等浏览器。

这里用javascript 方法实现了TreeView的checkbox选中的效果：
1：选中父节点的时候，其子节点将自动选中；
2：若父节点不选中，其子节点也全部选中；
2：若其中一个子节点uncheck的时候，其父节点的状态就不选中。
该方法在IE7 和firefox下均可执行：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Untitled Page</title> <mce:script type="text/javascript" language="javascript"></mce:script> </head> <body> <form id="form1" runat="server"> <div> <asp:TreeView ID="TreeView1" runat="server" DataSourceID="XmlDataSource1" ShowCheckBoxes="None" onclick="client_OnTreeNodeChecked(event)" ontreenodedatabound="TreeView1_TreeNodeDataBound" ondatabound="TreeView1_DataBound" onprerender="TreeView1_PreRender"> </asp:TreeView> <asp:XmlDataSource ID="XmlDataSource1" runat="server"></asp:XmlDataSource> </div> </form> </body> </html>