弁言:对付一个低级Phper,天生如图1所示的菜单是“so easy!”的事。
如果此菜单是用作权限管理的,用户没有选中“选中菜单”的上级菜单(如图1的选择情形),用户若何能访问到“海内政治” 和“军事”菜单?——坑!

对此,在多级菜单选择栏里,我们该当设置为:当用户选中一个菜单,就其所有的下级菜单自动选中,同时将其所有的上级菜单也自动选中。
下面,编者将以php+javascript实现这一功能

详细分为以下两个步骤:

菜单phpPhp选中上下级菜单你不知道的小机密 Node.js

1.天生所有菜单选项。
ps:一定要让上级菜单和下级菜单之间的产生联系

2.js动态掌握菜单选择

这里,我们以递归天生的CheckBox多选菜单为例。

步骤一:递归天生菜单

为了模板里的js代码掌握自动选中上、下级菜单,在掌握器天生菜单选项时,就要让上、下级之间存在一定联系。
递归天生菜单时,我们给每个菜单的input框的id属性值设置为其“菜单名称”拼接“ID号”,同时将其class属性值设置为其所有的父级菜单的id属性值。
示例代码如下:

步骤二:js实现自动选中上、下级菜单

由于每个菜单的input多选框的id属性值和class属性值,已能反响出其上、下级菜单的id属性值和class属性值,以是我们可以通过获取当前点击的菜单的class属性值来绑定其上、下级菜单。
示例代码如下:

末了效果如下:

本文可以给phper初学者快速办理自动选中高下级菜单问题。
大家可以适当采取,欢迎评论。
喜好的朋友,可以关注或收藏哦。