jQuery处理点击父级checkbox所有子级checkbox都选中，取消选中所有子级checkbox都取消...

注意，每个foreach标签内部都加一个div用来区分各个层次关系，模板代码如下：

<foreach name='node' item='v'><div class='a' align='center' style='padding-bottom:10px;color:#0000EE'>{$v.title}&nbsp;<input type="checkbox" name='access[]' level='1' value='{$v.id}_1' <if condition='$v["access"]'>checked='checked'</if>><foreach name='v.child' item='value'><div class='b'><li style='list-style-type:none;font-size:14px;padding-top:5px;color:#8B1A1A'>{$value.title}&nbsp;<input type="checkbox" name='access[]' level='2' value='{$value.id}_2' <if condition='$value["access"]'>checked='checked'</if>></li><foreach name='value.child' item='value1'><div class='c'><li style='list-style-type:none;font-size:13px;padding-top:5px;color:#8E8E38'>{$value1.title}&nbsp;<input type="checkbox" name='access[]' level='3' value='{$value1.id}_3' <if condition='$value1["access"]'>checked='checked'</if>></li></div></foreach></div></foreach></div></foreach>

以下是jQuery代码：

<script src='__PUBLIC__/js/jquery-1.6.4.min.js'></script><script>$(function(){$('[level=1]').click(function(){if(this.checked){$(this).parent().find('input').prop('checked','checked');}else{$(this).parent().find('input').removeAttr('checked');}});$('[level=2]').click(function(){if (this.checked) {$(this).parent().parent().find('input').prop('checked','checked');}else{$(this).parent().parent().find('input').removeAttr('checked');}});});</script>

转载于:https://www.cnblogs.com/hltswd/p/4977706.html

jQuery处理点击父级checkbox所有子级checkbox都选中，取消选中所有子级checkbox都取消...相关推荐

js如何点击父级元素关闭，点击子级不受影响
$(".parent").on("click", function() {//点击父级元素关闭$('.parent').hide(); }); $(" ...
9 Jquery 获取子孙或父级元素
9 Jquery 获取子孙或父级元素 children 查找直接的子元素,不会跨层级 parent 查找直接父元素 parents 查找所有父级元素 find查找所有的元素,会一直查找,跨层级查找一 ...
JQuery实现点击按钮切换图片(附源码)--JQuery基础
JQuery实现切换图片相对比较简单,直接贴代码了哈,有注释噢!疑问请追加评论哈,不足之处还请大佬们指出! 1.案例代码: demo.html: <!DOCTYPE html> <h ...
checkbox选中和不选中 jqu_jQuery教程之jQuery checkbox（选中和取消选中事件on)
本篇教程介绍了jQuery教程之jQuery checkbox(选中和取消选中事件on),希望阅读本篇文章以后大家有所收获,帮助大家对jQuery的理解更加深入. < $("#btn_ ...
jquery 实现点击图片居住放大缩小
jquery 实现点击图片居住放大缩小该功能是基于jquery实现的,所以第一步则是引入jquery jquery下载地址:https://jquery.com/download/ 或者使用此时调 ...
chrome浏览器模拟手机端：jquery click()点击无效解决方法
chrome浏览器模拟手机端:jquery click()点击无效解决方法参考文章: (1)chrome浏览器模拟手机端:jquery click()点击无效解决方法 (2)https://www. ...
Jquery实现点击页面发送弹幕效果
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...
点击输入框弹出文字html,jQuery实现点击文本框弹出热门标签的提示效果
jQuery实现点击文本框弹出热门标签的提示示例_网页代码站 body { font-size:12px;font-family:Arial; } #m_tagsItem { background:# ...
jquery自动点击按钮
jquery自动点击按钮 $(document).ready(function(){ $("#imgcode_img").tr ...

jQuery处理点击父级checkbox所有子级checkbox都选中，取消选中所有子级checkbox都取消...

jQuery处理点击父级checkbox所有子级checkbox都选中，取消选中所有子级checkbox都取消...相关推荐

最新文章

热门文章