
利用zTree插件可以实现单选按钮和label点击事件,详细步骤:
1、双击打开HBuilder编辑工具,在web项目指定目录下,创建静态页面radiotree.html,并修改title显示的内容,如下图所示:
2、在title标签下方引入zTree相关的css和js文件,注意引入文件的顺序,如下图所示:
3、body元素标签内插入树形容器div元素,并调用zTree树样式元素;在div标签内插入一个ul标签元素,如下图所示:
4、在<script></script>标签内部编写生成单选按钮树js代码,并在jquery初始化函数中调用,如下图所示:
5、预览该静态页面,点击单选按钮,发现只能点击按钮时才能被选中,如下图所示:
6、为了友好使用单选按钮树,点击文字或单选按钮都可以选中节点,添加onClick回调函数,如下图所示:
需求是单选,复选框做了单选,点击节点也能选中,不过选中就变成了多选,不受 multiple: false ,的控制了。解决方法:
就是在选择节点的时候,也做成单选:
*关键点在单选的时候清空所有组织树,只保留当前选中的节点:
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)