Ztree复选框只能选中一个

各位大佬,zTree复选框怎么实现类似于单选框的类容,让整个树只能选择一个节点,并且选中父节点,子节点不会选中,选中了一个节点,再选选中当前的节点,取消上次选中的节点求代码!!!!

ssm
0

2个回答

仔细看文档说明。答案一定在其中。

0

你可以看下配置,这是上下级互相影响的配置chkboxType: { "Y": "p", "N": "s" } 详细也可以看看ztree API http://www.treejs.cn/v3/api.php

-1
junxiao_chen
做梦吃螃蟹 大哥,好好看清问题再回答~~
10 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
解决Ztree以checkbox复选框样式实现单选功能
$(document).ready(function() { //初始化树. $.fn.zTree.init($("#treeDemo"), setting); treeObj = $.fn.zTree.getZTreeObj("treeDemo"); $("#detail").hide(); }); var setting = { check : { enabl...
ztree实现checkbox树形菜单,并且父级节点不可选中(只有父级和子级菜单);如何获取选中子节点存储到数据库
1.使用ztree首先要导入ztree的引入文件(具体看自己需求,需要用ztree拓展功能的需要导入拓展的js)、及样式、图片 注:ztree的样式文件必须和图片文件在同一级文件夹下 2.文件引入之后,创建html页面,树形结构底层是套,如下图所示即可 3.html页面创建完之后,开始搭建树形结构,通过init()方法初始化ztree;具体属性请查看ztree官方开发文档,本文所用的比较简...
ztree radio 树形的radio勾选操作(只能单选)
<!DOCTYPE html> <html>     <head>         <TITLE> ZTREE DEMO </TITLE>         <meta http-equiv="content-type" content="text/html; charset=UTF-8">       
ztree复选框选中事件
            callback: {                 //树复选框选中事件                  onCheck: zTreeOnCheck                              }         //统计申请份数  function zTreeOnCheck(event, treeId, treeNode){       var...
实现ztree子节点复选框的自动勾选
<script> var rGuid = '', rName = ''; $(function() { $.ajax({ url:"/role/queryRoles.do", data:{}, success:function (data) { var...
ztree input框只读checkbox多选增添取消,逗号分隔
功能实现:点击办理人姓名input框(只读),弹出ztree树对应的多选框,选中则出现在input框中,以逗号分隔(gwjh-eodiSendprocessdefForm.ftl)前台效果选中展示                                                                                                      ...
ztree指定节点 设置复选框
ztree指定节点 设置复选框 首先,需引入ztree的js文件 <script src="../../assets/ztree/js/jquery.ztree.core-3.5.min.js">&amp
Ztree树节点复选框选择问题
最近本人在尝试使用ztree制作树状图,在初始化的时候由于项目需要,要设置部分节点复选框不可选择,同时也要设置全选功能。 一、初始化树节点不可选中状态 我们使用官方给出的awesome样式的树形节点,在此基础上我们做了部分微调,在初始化设置时,初始数据时除了,参考官方API:http://www.treejs.cn/v3/api.php id(本节点id),pId(父节点id),name(显示的名...
ztree复选框
var setting = { check: { enable: true, chkboxType : { "Y" : "", "N" : "" } }, data: { simpleData: { enable: true,//如果设置为 true,请务必设置 setting.data.simpleDat...
ztree 点击文字也可以选中前面的复选框
分享一个小方法,实现ztree  点击文字,也可以选中前面的  复选框   radio  或者 checkbox 在设置树的时候,加上这句话 callback: {  onClick: function (e, treeId, treeNode, clickFlag) {  zTree.checkNode(treeNode, !treeNode.checked, true);  } 
zTree复选框案例
一.配置树参数 //1.获取setting值 function getSetting(){ var setting = { view: { dblClickExpand: true, selectedMulti : true,//可以多选 showLine: true }, check: { enable: true ,/...
zTree选中本节点时自动选中其子节点
在setting中check下的chkboxType = { "Y" : "s", "N" : "s" }; Y指的是勾选checkbox的时候对父结点或子结点产生的影响 N指的是取消checkbox的时候对父结点或子结点产生的影响 大小写是有区别的。s指子结点,p指父结点
Ztree实现模糊查询并点击checkbox回显选中的根结点文本
function query() { var _keywords = $("#orgName").val(); if ($("#orgName").val() == "输入员工姓名查询") { _keywords = ""; } var shownNodes = []; var parentNodesSet = new Set(); //显示上次搜索后被隐藏的结点
ztree 设置复选框 根据数据动态勾选
ztree 设置复选框 根据数据动态勾选 首先需要引入js文件 <script type="text/javascript" src="<%=basePath %>/scripts/ztree/3.5.29/jquery.ztree.excheck.js"></script> 在setting中添加check设置、 check:{ //enabl...
Z-tree实例(五)——复选框
官网实例,个人研究测试,以备用。 1、页面布局: <BODY> <div class="content_wrap"> <div class="zTreeDemoBackground left"> <ul id="treeDemo" class="ztree"></ul>
根据数据库返回的id,实现ztree树形结构复选框自动勾选
<script> var rGuid = '', rName = ''; $(function() { $.ajax({ url:"/role/queryRoles.do", data:{}, success:function (data) { ...
Ztree树的复选框和获取选择的节点实例和代码
wu
zTree学习笔记一:实现checkbox、全选、取消全选功能
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="../css/zTreeStyle/zTreeStyle.css"> <script src="../js/jquery-1.4.4.min.j
Ztree 限制根节点大类下勾选的子节点个数不超过5个
只是核心代码,自己找需要的
zTree 设置父节点checkbox不可点击
1.需求: 项目要求栏目树的父节点不可点击,点击子节点会关联选中父节点 2.方法: setting.callback.beforeCheck 用于捕获 勾选 或 取消勾选 之前的事件回调函数,并且根据返回值确定是否允许 勾选 或 取消勾选 默认值:null 3.项目中使用: // 设置 var settings = { view:
ztree 默认设置选中第一个子节点,根节点禁止选中(只有一个根结点时);选中想选中的子节点
$(document).ready(function(){    $.fn.zTree.init($("#architectureTreeId"), setting,eval(${(architectureTree)!}));   var zTree = $.fn.zTree.getZTreeObj("architectureTreeId");   var nodes = zTree.ge
实现TreeGrid中复选框的级联选择效果(类似zTree的选择效果)
$(function(){ //点击多选框,构造类似zTree的级联选择效果 $("#div1").on("click","input[type=checkbox]",function(){ var obj = $(this); var trParent = obj.closest("tr");//从元素本身开始,逐级向上级元素匹配,并
###### bos实战之:用户修改角色:回显 权限(复选框选中)和回显 菜单(zTree树结点选中)。收获总结
========既然是 回显。重点也就是在页面js代码。 后台逻辑不是重点。 首先。今天最大的收获是:复习了一下JQuery Ajax请求的各种操作。===以及一些js 代码的语法特性。 【js本就是弱项。】###### 总结如下: 宏观总结: 1、====回显 权限(复选框选中)和回显 菜单(zTree树结点选中)  共同点: 【都是回显,所以都要先 根据roleId 查询
简单zTree树形,支持单选、多选、移动实例
简单树形菜单,CheckBox,Radio选择,支持单选,多选,及树形移动实例
Ztree之复选框功能(三)
复选框功能可以用作赋权操作,一般可以精确把button级别的权限   第一步: /css/zTreeStyle/zTreeStyle.css" type="text/css"> /js/jquery-1.4.4.min.js"> /js/jquery.ztree.core-3.5.min.js"> /js/jquery.ztree.excheck-3.5.min.js">
复选框只能选中一个
//html代码:                   //js:   //只能选择一个部门         function check(obj) {             $('.dept').attr('checked', false);//清空所有复选框             $(obj).attr('checked', true);//给当前对象赋值    
复选框只能选中一个,当做“单选框”
function tobox(obj){ var boxid = document.getElementById(&quot;id&quot;); var boxes = document.getElementsByName(&quot;box&quot;); for (var i = 0; i &lt; boxes.length; i++){ if (boxes[i]==obj){ ...
ztree不显示复选框的问题解决
前言:项目中使用了ztree插件,之前是正常使用的,最近又测试使用时,发现复选框不渲染也不显示了,重新下载demo找问题,也从网上找资料,得到的解决办法。 一:引入excheck.js,这个是很多人反映说加上这个文件就好了,但是检查过发现项目已经引用,故排除此法。 二:检查配置项,checkbox功能已启用,且重新按demo配置也依然不显示。 三:从ztree网站上找到解决办法,替换co...
jQuery运用BootStrap风格的Ztree前后台传值-多选框
我个人后台使用List>拼接,转换为Json数组传递到前台,代码片段如下: List> resultList = new ArrayList>();JSONArray jsonStr = null; Map orgMap = new HashMap(); orgMap.put("open", true); //根节点展开 orgMap.put("id", 1);//根节点的ID orgMap.p
checkbox的只能选中一个,div下checkbox的遍历
html提供两个选择框radio(单选且必选一个)、checkbox(多选可以不选),但是我想实现一个只能选中一个时且可以不选时的功能时,会发现两个功能都不好用,这是后就需要自己写代码控制了。我觉得有两种方案1 单选框radio可取消选中<input type="radio" name="aa" onclick="if(this.c==1){this.c=0;this.checked=0}else
ztree-3.5 checkbox 只能选中无法取消
最近用到ztree 写checkbox时遇到 只能选中,无法取消选中效果,最后问题解决: 法1:jquery ui1.9.2不兼容,更新到1.10.2后可以了 法2:见 附件 我最终才用第二种方法解决 ...
JQuery 多个checkbox 只选中一个
&amp;lt;form id=&quot;common-form&quot;&amp;gt; &amp;lt;input name=&quot;check1&quot; type=&quot;checkbox&quot;/&amp;gt;check1 &amp;lt;input name=&quot;check2&quot; type=&quot;checkbox&quot;/&amp;gt;check2 &amp;lt;input na
Ztree异步加载带树节点(带checkbox)
一.简介:实现复选框树型结构,ztree很强大,常用浏览器chrome,firfox支持,IE8+也兼容。二.静态实现方式:(1) 效果图:(2)完整代码:需要引入zTreeStyle.css,jquery.ztree.core-3.5.js,jquery.ztree.excheck-3.5.js(支持checkbox复选框)&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;HTML&amp;gt;&amp;lt...
JQuery 实现多个checkbox 只选中一个
需求:多个 checkbox 选项,只选中其中的一个 代码: check1 check2 check3 $(document).ready(function(){ $('#test').find('input[type=checkbox]').bind('click', function(){ $('#test').find('input[type=checkbox]').not
一组复选框(三个复选框)选择其中一个;只允许选择一个复选框功能实现
HTML脚本 &amp;lt;div class=&quot;col-md-10&quot; id=&quot;BoxGroup&quot;&amp;gt; &amp;lt;span class=&quot;GoodsBarCode&quot; &amp;gt;&amp;lt;input type=&quot;checkbox&quot; value=&quot;货品&quot; /&amp;gt;&amp;lt;label&amp;gt;货品&amp;lt;/label&amp;g
【ztree系列】完美实现复选框功能
在权限系统中,大多数的页面都用到了树形结构,其中最常用的便是树资源的加载和单击事件,除此之外ztree还可以实现很多功能。今天以实现复选框的添加功能为例,咱们再来深入的学习下ztree的应用。 一、实例描述        在用户管理模块中,需要给用户添加角色,而用户与角色的之间是一个多对多的关系。这里我们可以先加载两个角色树资源,通过两个树之间数据的交换,从而得到用户所拥有的角色资源,实现效果
jQuery实现多个CheckBox只选中一个
多个CheckBox在表格同一框中,实现只能选中一个框,当选择其他框的时候,原来选中的框自动取消。  //监听原材料更改check框的click事件 jQuery(&quot;#field13848&quot;).click(function(){   checkBoxStatus(&quot;field13848&quot;); }); jQuery(&quot;#field13849&quot;).click(function(){ ...
zTree:实现单选/取消父子关联等
zTree单选。取消父子节点关联
ztree树节点前面有checkbox
<!DOCTYPE html> <HTML> <HEAD> <TITLE> ZTREE DEMO - checkbox</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="zTreeStyle.css" type="text/css"> <script type="text/javascript" src="jquery-1.4.4.min.js"></script> <script type="text/javascript" src="jquery.ztree.core.js"></script> <script type="text/javascript" src="jquery.ztree.excheck.js"></script> <SCRIPT type="text/javascript"> var setting = {check: {enable: true},data: {simpleData: {enable: true}}}; var zNodes =[ { id:1, pId:0, name:"全选", open:true}, { id:11, pId:1, name:"报表", open:true}, { id:111, pId:11, name:"报表管理",open:true}, { id:112, pId:11, name:"报表概况",open:true}, { id:12, pId:1, name:"我的", open:true}, { id:121, pId:12, name:"修改密码",open:true}, { id:122, pId:12, name:"意见反馈",open:true} ]; $(document).ready(function(){ $.fn.zTree.init($("#treeDemo"), setting, zNodes); var zTree = $.fn.zTree.getZTreeObj("treeDemo"), type = { "Y":'ps', "N":'ps'}; zTree.setting.check.chkboxType = type; }); function aa(){ var treeObj=$.fn.zTree.getZTreeObj("treeDemo"); nodes=treeObj.getCheckedNodes(true); var nodes1 = treeObj.getNodes(); var aa1= treeObj.transformToArray(nodes1); for(var i=0; i < aa1.length;i++){ var node = treeObj.getNodeByParam("id",aa1[i].id ); treeObj.checkNode(node,true,true); treeObj.updateNode(node); } } </SCRIPT> </HEAD> <BODY> <div class="content_wrap"> <div class="zTreeDemoBackground left"> <ul id="treeDemo" class="ztree"></ul> </div> <button value="dianji" onclick="aa()" /> </div> </BODY> </HTML>
ztree,实现父子checkbox关联
应用场景:做权限管理,报表功能下面有周报表,月报表,季报表,年报表,勾选报表功能自动勾选其下的四个功能,勾选报表功能下的任一个功能以上,自动勾选报表功能,然后把id传到后台,进行你想做的操作js及css如下(我用的是v3版)权限管理 $(document).ready(function(){        var setting = {              check: {