jquery如何实现treeview的级联选择
发表于:2024-09-22 作者:千家信息网编辑
千家信息网最后更新 2024年09月22日,这篇文章给大家分享的是有关jquery如何实现treeview的级联选择的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。jquery.treeview的使用很简单,将tree
千家信息网最后更新 2024年09月22日jquery如何实现treeview的级联选择
这篇文章给大家分享的是有关jquery如何实现treeview的级联选择的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
jquery.treeview的使用很简单,将treeview的样式文件及js先拷入项目相应目录中,需要注意的是,p_w_picpaths文件要和jquery.treeview.css同目录,当然你也可以直接修改css样式中的路径。
目录树的示例如下:
关键的js代码是级联操作,当我选择某一个节点时,要将相应的子节点及祖先节点进行相应选择,当取消选择时,要先判断祖先节点下面是否还有选中的项,如有没有,则也要取消祖先节点的选择。
$(".content input[type='checkbox'][name='cks']").click(function() { //子孙目录 var c = $(this).parent().find("input"); var b = $(this).attr('checked');$(this).attr('checked', b); c.each(function() { $(this).attr('checked', b); }); //祖先目录 var count = 0; var p = $(this).parents('li');//所有祖先目录 p.each(function(i) { if (i===0){ }else{ var o = $(this).find('input'); if (count) { o[0].checked = true; } else { o[0].checked = false; } } var ulChildren = $(this).parent('ul').find('input'); count = 0; ulChildren.each(function() { if ($(this).attr('checked')) { count++;//当前节点的父结点被选中个数 } }); });});
感谢各位的阅读!关于"jquery如何实现treeview的级联选择"这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
选择
目录
节点
祖先
内容
文件
更多
样式
篇文章
不错
实用
个数
代码
关键
子孙
文章
看吧
知识
示例
结点
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
数据库技术英文缩写
数据库健身房会员表数据内容
东软软件开发工程
csdn数据库db设计
联想服务器简介
本地的文件怎么传到服务器
欧盟网络安全对华制裁
服务器无法访问排查思路
3m公司软件开发招聘信息
小成本创业软件开发
女孩适合学软件开发吗
国内常用数据库
国内互联网科技公司中国
杭州工控软件开发哪家好
优质宁波服务器
广东net软件开发定制
违反网络安全法处罚种类有
罗布乐思如何解决服务器登录错误
浙江正规软件开发服务
西安做软件开发
网络安全与利益
娄底快速软件开发公司
服务器安装PC系统教程
天津智能软件开发要多少钱
南京大学的网络安全怎么样
一个云服务器开两个服务吗
获取时间服务器
最佳软件开发设计奖事迹描述
数据库的优化
数据库中execute使用