<html>
<head>
<title>Destroydrop » Javascripts » Tree</title>
<link rel="StyleSheet" href="dtree.css" type="text/css" />
<script type="text/javascript" src="dtree.js"></script>
</head>
<body>
<div class="dtree" style="border: 0px solid #cccccc; background-color: #f3f3f3; padding: 5px; width: 100%;">
<p><a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a></p>
<script language="javascript">
d = new dTree('d','.','testForm');
d.add('0','-1','中国');
d.add('1','0','江苏');
d.add('1.1','1','苏州');
d.add('1.2','1','南京');
d.add('2','0','广东');
d.add('2.1','2','广州');
d.add('2.1.1','2.1','越秀');
d.add('2.2','2','深圳');
d.add('3','0','湖北');
d.add('3.1','3','武汉');
d.add('3.1.1','3.1','汉南');
d.add('3.1.1.1','3.1.1','纱帽');
document.write(d);
</script>
<script type="text/javascript">
function submitForm(){
var ids = "";
var form = document.getElementById("testForm");
for (var i=0; i<form.elements.length; i++) {
var element = form.elements[i];
if (element.name == "id" && element.type=='checkbox'){
if( element.checked == true ){
ids = ids + element.value + ",";
}
}
}
alert("ids = " + ids);
}
</script>
<input type="button" value="提 交" onClick="submitForm()"/>
</div>
</body>
</html>
分享到：
相关推荐
"带checkbox的dtree权限树"是一种常见的实现方式，它结合了数据树（dtree）与复选框（checkbox）功能，用于展示层级关系的权限结构。这种权限树常用于角色分配、用户权限设置以及权限级别的可视化管理。 1. **dtree...
本工程使用dTree组件实现树形菜单的展示 有静态树形菜单和动态(从数据库获取数据)树形菜单展示两种 ...菜单既有普通的树结构展示,也有方便做权限等功能的带选择框的展示(含带默认选中checkbox的处理)
在IT领域，"checkbox dtree"通常指的是带有复选框的决策树（Decision Tree）控件，这是一种交互式用户界面元素，广泛应用于数据可视化和数据分析软件中。它允许用户通过多级选择来表示和操作数据结构，特别是对于...
**dtree与Checkbox结合** `dtree` 是一个常见的数据结构可视化工具，它用于展示树状数据结构，常被用于网站或应用中的导航菜单、文件系统浏览等场景。在这个基础上，通过添加`checkbox`功能，我们可以使用户能够...
"对带checkbox的dtree树复选操作的一点改进"这个主题聚焦于一个常见的UI组件——带有复选框的树形结构（dtree），它常用于展现层级关系的数据，并允许用户进行多选操作。这篇博客的作者通过分享自己的实践经验和代码...
在这个特定的案例中，我们关注的是带有Checkbox功能的dtree，这使得用户可以对树形结构中的节点进行选择和操作，从而满足多选、全选等需求。 1. **dtree组件基础** dTree是一种轻量级的JavaScript组件，它可以动态...
**dtree与dtree_checkbox: JS控件的深入解析** 在网页开发中，交互性和用户体验是至关重要的元素，而JavaScript（简称JS）作为客户端脚本语言，为实现这些功能提供了强大的支持。在这个话题中，我们将重点探讨两种...
**标签：“Checkbox 带checkbox dTree 可获得选择值”** 这些标签进一步明确了dTreeCheckbox的核心特点。"Checkbox"表示该组件包含复选框功能，允许用户进行多选操作。"带checkbox的dTree"意味着这不仅仅是一个简单...
三个常用树控件dtree最新dtree带checkbox还有mztreeview1.0跟2.0里面还有本人写的部分demo如果是常用开发请使用mztree1.0或dtree 如果有特殊需求请使用带checkbox的dtree或mztree2.0
【标题】"我改造的checkbox_dtree"是一个关于前端开发的项目，主要涉及的是对一个名为"dtree"的JavaScript库进行了定制化改造，以增强其在多级选择中的功能。"dtree"通常用于创建可交互的树形数据结构，而这个改造版...
这个“dtree_checkbox”可能是某个JavaScript库或插件，用于在网页上创建带有复选框的数据树。 这篇名为 "dtree_checkbox" 的博文可能解析了如何使用这个特定的功能，或者可能是作者分享的一个自定义实现。由于没有...
【dtree带checkbox】是一种在Java项目中常用的交互式树形结构组件，它结合了复选框（checkbox）功能，允许用户对树节点进行多选操作。在网页或桌面应用程序中，这种组件常用于数据组织和筛选，例如文件管理器、权限...
dtree+jquery+oracle+tomcat 从oracle数据库中取出dtree的节点信息，在jsp页面使用jquery动态生成带checkBox的dtree 测试时请访问main.jsp WebRoot/db目录为数据库建表脚本；
这个特定的压缩包文件“dtree_role.rar_dtree checkbox ro”似乎关注的是`dtree`的一个特性，即带有复选框（checkbox）的功能，并且进行了性能优化，特别是关于全选、选择父节点以及子节点自动选中的操作。...
dtree +checkBox全选 。。。。dtree +checkBox全选 。。。。dtree +checkBox全选 。。。。dtree +checkBox全选 。。。。dtree +checkBox全选 。。。。dtree +checkBox全选 。。。。
DTree是一款实现这种功能的工具，特别地，这里的"DTree checkbox"指的是带有复选框的树形控件，允许用户进行多选操作。这种控件在很多场景下都非常实用，比如在配置设置、数据筛选或者对象管理中。 博文链接提供的...
dtree修改版-添加checkbox： 由于原版dtree作者没有加上复选框功能，我用来做用户模块权限功能的时候很不好用，网上也找到一些基于dtree添加了checkbox的修改版，但是用起来很不顺手，最后不得不根据自己的需要一再...
【dtree checkBox】是一种在数据树（dtree）中实现的功能，它允许用户通过复选框（checkBox）来选择或取消选择树形结构中的节点。这个功能在许多应用中非常常见，例如在文件管理器、组织结构图或者权限设置等场景。...
在很多应用场景中，如文件系统、组织结构或者导航菜单，用户需要有选择多个节点的能力，这就引入了`checkbox`（复选框）功能。本文将详细介绍如何在DTree中实现复选框功能，以及它带来的便利性。 首先，我们来理解...