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安全错误
数据库的锁怎样保障安全
软件开发要用的工具正式最新版
db后缀的数据库怎么打开
查询语句插入其他数据库表
网络安全法 高校制度
阐述当前网络技术的影响有
优也科技和工业互联网
如何建立有效的会员数据库
网络安全专业张雪峰
网易服务器 卡
南通华信网络技术有限公司
关于网络安全的周记
网络安全相关新闻资讯
软件开发企业售后
同人小说下载软件开发
网络技术岗位招聘信息
服务器多个显卡运行程序
合盛网络技术北京分公司
数据库目录中的db.opt
阐述一次完整的网络安全漏洞扫描
服务器如何进入磁盘管理
银行服务器工程师好不好
mysql 数据库 分词
网络安全专业浙江哪家学校有
鄂尔多斯普惠消费服务器
数据库实现请求去重
2012数据库表格查询
深信服网络安全工程师考试时间
长宁区项目数据库活动简介
魔兽成就数据库
戴尔r730服务器创建raid