ztree-为什么点击文字时,相应的radio或者是checkbox没有勾选

问题描述

为什么点击文字时,相应的radio或者是checkbox没有勾选
代码如下
//第一个树
if(<%=value1%>!=""1""){
var setting1 = {
check: {
enable: true
chkStyle: ""<%=chose1%>""
<%=type1%>Type: <%=typeValue1%>
}
view: {
dblClickExpand: false
}
data: {
simpleData: {
enable: true
}
}
callback: {
beforeClick: beforeClick
onCheck: onCheck

        }    };    var zNodes1 =<%=value1%>;    function beforeClick(treeId treeNode) {        var zTree = $.fn.zTree.getZTreeObj(""treeDemo1"");        if(treeNode.id.indexOf(""."")==-1){            zTree.expandNode(treeNode);        }else if(treeNode.id.indexOf(""."")!=-1 &&treeNode.id.length == 3 ){            zTree.expandNode(treeNode);        }else{            zTree.checkNode(treeNode !treeNode.checked null true);        }        return false;    }        function onCheck(etreeIdtreeNode){            var checkPerson1= document.getElementById(""checkPerson1"");            var treeObj=$.fn.zTree.getZTreeObj(""treeDemo1"");            nodes=treeObj.getCheckedNodes(true);            var  id1="""";            for(var i=0;i<nodes.length;i++){                if(nodes[i].id!=""""){                    id1+=""{'userId':'""+nodes[i].id+""''userName':'""+nodes[i].name+""''deptId':'""+nodes[i].deptId+""''userRole':'""+nodes[i].userRole+""''nextNodeType':'""+nodes[i].nextNodeType+""'};"";                     //alert(""pppppp""+id1);                }            }            checkPerson1.value=id1;        }    $(document).ready(function(){        $.fn.zTree.init($(""#treeDemo1"") setting1 zNodes1);    }); }function showMenu() {    var cityObj = $(""#citySel"");    var cityOffset = $(""#citySel"").offset();    $(""#menuContent"").css({left:cityOffset.left + ""px"" top:cityOffset.top + cityObj.outerHeight() + ""px""}).slideDown(""fast"");//  $(""body"").bind(""mousedown"" onBodyDown);}

解决方案

ztree前面是模拟的,不是checkbox,radio对象,需要自己添加onClick事件,然后调用checkNode方法进行操作

ztree点击文字勾选checkbox,radio实现方法

解决方案二:
你没有用label吧?

解决方案三:
浏览器的开发者模式下调试下,看看控制台有没有错误信息。

解决方案四:
如果你只是想做到:点击文字,对应的radio和checkbox被选中的话,其实只需要加label标签即可

  radio:<label><input type=""radio"" name=""sex""/>男</label>                  <label><input type=""radio"" name=""sex""/>女</label> 

找问题可以打开浏览器调试工具,可能是某句话错误导致后面内容没有执行

时间: 2024-10-17 23:26:58

ztree-为什么点击文字时,相应的radio或者是checkbox没有勾选的相关文章

jquery-jQuery判断checkbox取消勾选时的问题

问题描述 jQuery判断checkbox取消勾选时的问题 Jsp:<input type="checkbox" name="selectCode" value='<s:property value="productCode"/>' onclick="selectProductCode('<s:property value="productCode"/>')"/>显示的文

Js制作点击输入框时默认文字消失的效果_文字特效

为了提高用户体验和易用度,一些设计师会对网页中用户经常用的东西进行优化,比如输入框.一般的输入框是怎样优化的呢?从用户体验的角度出发,简化用户使用步骤,让用户用得更方便就是提高了易用性,例如当鼠标悬浮在输入框时改变输入框颜色.自动选中输入框中的默认文字,或者点击输入框时自动清除默认内容等等. 这个效果听起来复杂,其实做起来却很简单,只要一小段javascript代码即可解决.下?面介绍一下几种效果的代码: 1.点击输入框选中内容的Html代码: <form id="form1"

word输入文字时替换原有的文字怎么办

  word输入文字时替换原有的文字怎么办 1.我们经常会遇到这样一种情况,打开一个文档,如图所示,这段话开头想修改,在"时间"面前加个"当"字,会把光标挪到"时间"前面,准备输入. 2.把'当'字输入的时候,后面的'时'字不见了,被"当"替换了,怎么修改都不能恢复原来的样子,除非整段重新输入. 3.我们来看一下word工作文档下面的状态栏,有一处显示着"改写",意思就是键入的文字会覆盖现有的内容,等于替换

在word文档中插入文字时后面的文字消失怎么解决?

  在word文档中插入文字时后面的文字消失怎么解决?          步骤 1.打开所要编辑的文字 2.文章中光标的位置需要输入"在",当我们输入"在"的时候后面的"乌"字消失 3.我们看下工作界面的左下方显示"改写" 4.点击"改写"变成"插入" 5.在"插入"状态下,再次编辑输入"在",此时后面的文字未消失. 6.如果需要变成"改

Adobe Photoshop CC添加文字时背景变黑怎么办

  很多小伙伴在使用Adobe Photoshop CC添加文字时,会出现背景图层黑底和白底不停的闪烁,很不方便,今天小编给大家带来Adobe Photoshop CC添加文字时背景变黑的解决方法. 首先,打开photoshop cc,不打开任何文件,不新建任何文件. 如下图: 接着在工具栏里找到"编辑". 在"编辑"的下拉列表里找到"首选项",再旁边选择"性能",并点进去,就会出现如下图这样的一个界面 把"使用图像

api-ztree的API中点击文字就会文字前面的radio勾选怎么弄?

问题描述 ztree的API中点击文字就会文字前面的radio勾选怎么弄? 哪位大神给解决啊?就是点击文字前面的radio选中,ztree的API中点击文字就会文字前面的radio勾选怎么弄? 解决方案 setting.view.txtSelectedEnable 设置 zTree 是否允许可以选择 zTree DOM 内的文本. 默认值:false var setting = { view: { txtSelectedEnable: true } }; 解决方案二: 一般都是用的UI组件

点击文字变为文本框,失去焦点则写文本框内容入库怎么实现?

问题描述 新手无能为力了--比如说循环出来的多个div下的数据怎么能做到标题所说的功能?这纠结了半天啊--有哪位能给个例子什么的么? 解决方案 解决方案二:jQuery+ajax解决方案三:用正则读取div里的数据,解决方案四:不要把网站当单机玩解决方案五:什么失去焦点就入库,你确定这种操作模式真的好吗?1.浪费流量,在不该通信的时候去通信,造成无端的卡顿2.万一改错了连恢复的机会都不给解决方案六:失去焦点就入库,这个方法不太好..点击文字变为文本框1.span和TextBox的组合..显示时隐

Android 如何实现带滚动条的TextView,在更新文字时自动滚动到最后一行

1.主布局代码:     <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/container" android:layout_width="match_parent" android:layout_

注册或者点击按钮时,怎么防止用户重复提交数据

 这篇文章主要是对注册或者点击按钮时,怎么防止用户重复提交数据进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 asp.net实现点击按钮后设按钮不可用并提交  代码如下: <asp:Button ID="Button1" runat="server" Text="123456" OnClientClick="this.disabled=true;this.form.submit(); "  UseSubmitB