zTree点击文字勾选复选框
来源:互联网 发布:淘宝发布商品类目查询 编辑:程序博客网 时间:2024/05/18 07:54
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><div style="vertical-align: middle; text-align: center;"><div><ul id="treeSelect" class="ztree"></ul></div></div></body></html>
3、实现结果
0 1
- zTree点击文字勾选复选框
- ztree 点击文字也可以选中前面的复选框
- Ztree复选框的勾选
- 点击文字选中的单选和复选框
- jquery实现点击复选框,勾选所有复选框,再次点击取消全选
- 点击文字选中单选框/复选框 (模拟程序功能)
- input标签/复选框/单选框点击文字有效果
- ZTree 实现 单选和复选组合
- 【ztree系列】完美实现复选框功能
- Ztree之复选框功能(三)
- Ztree创建带有复选框的树
- easyUI 点击行文本,实现单选;点击复选框,实现复选;
- 前端优化 —— CheckBox 复选框点击过快导致选中旁边文字问题
- 文字形式全选复选框
- 复选框文字对齐显示
- 复选框与文字对齐
- jquery ztree 在树节点后面加复选下拉框
- Query+ztree实现下拉树复选框功能
- 第二周项目1-C/C++语言中函数参数传递的三种方式
- 判断输入的一个数是素数
- 进程管理
- 使用Maven创建Web项目
- POJ 1416 Shredding Company
- zTree点击文字勾选复选框
- 关于TextView的高度的坑
- hdu 5820 可持久化线段树
- 实现简单的代码热替换
- 用JS获取地址栏参数的方法(超级简单)
- 选票统计
- 史上最全最强SpringMVC详细示例实战教程
- 发现了一个非常好用的 免费 仿真终端 MobaXterm 感觉比 SecureCRT 好用
- python 自动重连wifi windows