注意，每個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都取消...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。