用label或span聀laceholder,怎么防止label被选中

用label或span聀laceholder,怎么防止label被选中,第1张

利用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 ,的控制了。

解决方法:

就是在选择节点的时候,也做成单选:

*关键点在单选的时候清空所有组织树,只保留当前选中的节点:


欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/zaji/7445917.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-05
下一篇2023-04-05

发表评论

登录后才能评论

评论列表(0条)

    保存