简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > js教程 > 正文

zTree点击文字勾选复选框

黄舟
发布： 2017-02-18 13:23:40
原创
2025 人浏览过

1、问题背景

     系统利用zTree插件生成下拉复选树，点击文字勾选复选框


2、实现源码

<!DOCTYPE html>
<html>
<head>
	<title>zTree点击文字勾选复选框</title>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
	<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
	<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
	<script type="text/javascript" src="../../../js/jquery.ztree.core.js"></script>
	<script type="text/javascript" src="../../../js/jquery.ztree.excheck.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			//初始化树
			zTree = $.fn.zTree.init($("#treeSelect"), setting, datas);
		});
	
		//设置
		var setting = {
			check: {
				enable: true
			},
			data: {
				simpleData: {
					enable: true
				}
			},
			callback: { 
			 	onClick: function (e, treeId, treeNode, clickFlag) { 
			 		zTree.checkNode(treeNode, !treeNode.checked, true); 
			 	} 
			},
    	}, zTree;

		//数据
		var datas =[
			{ id:1, pId:0, name:"树", open:true},
			{ id:11, pId:1, name:"松树", open:true},
			{ id:12, pId:1, name:"樟树", open:true},
			{ id:2, pId:0, name:"花", checked:true, open:true},
			{ id:21, pId:2, name:"梅花"},
			{ id:22, pId:2, name:"桃花", open:true}
		];
	</script>
</head>

<body>
	<p style="vertical-align: middle; text-align: center;">
		<p>
			<ul id="treeSelect" class="ztree"></ul>
		</p>
	</p>
</body>
</html>
登录后复制


3、实现结果

     1171.png

 以上就是zTree点击文字勾选复选框的内容，更多相关内容请关注PHP中文网（www.php.cn）！


相关标签：
zTree，勾选复选框，点击文字
来源：php.cn
上一篇：AngularJS之表格 下一篇：AngularJS之对话框
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
将标题重写为：将"Array as session variable"翻译成中文为"使用数组作为会话变量" 在PHP中，是否可以将数组设置为会话变量？情况是我有一个表格（第一页），其中一些单元格有链接到特定页面。下一页将有一个名字列表（第二页，我想将其保存在一个会话数组中），并带有相应的...
来自于 2023-08-21 18:07:56
0
2
246
javascript - 急！在线等！checkbox列表联动显示的问题？ {代码...} {代码...} [ {代码...} ]; {代码...} [ {代码...} ];注意：数组b中的parentId对应数组a中的id 现在想当点击A复选框列表中的某...
来自于 2017-06-26 10:50:20
0
3
698
javascript - 为何我的点击事件要点两次才触发！在线等，急！！！ 如图：如果没同意那个协议,点击右下角按钮,就不能发布委托,弹出对话框提示,与此同时,将按钮设置为disabled属性。(即：禁用按钮)然后我又写了个点击事件,如果勾选了那个同意协议...
来自于 2017-05-18 10:59:32
0
6
486
javascript - chrome触发click事件会选中旁边的文字 如图，需要做一个选中的效果，就直接点击方框toggleclass换个样式，结果发现鼠标点击的频率快的话会把旁边的文字选中，语言描述不清，还是看图吧：就是点击框框的部分换个背景，但是...
来自于 2017-05-18 10:50:08
0
2
707
android - 点击button弹出单选框，选择其中一个值，并显示在button上。 点击button后弹出如图单选框，选择后并将文字显示在button上面。
来自于 2017-04-17 14:40:24
0
2
396
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！