弁言:对付一个低级Phper,天生如图1所示的菜单是“so easy!”的事。如果此菜单是用作权限管理的,用户没有选中“选中菜单”的上级菜单(如图1的选择情形),用户若何能访问到“海内政治” 和“军事”菜单?——坑!
对此,在多级菜单选择栏里,我们该当设置为:当用户选中一个菜单,就其所有的下级菜单自动选中,同时将其所有的上级菜单也自动选中。下面,编者将以php+javascript实现这一功能
详细分为以下两个步骤:
1.天生所有菜单选项。ps:一定要让上级菜单和下级菜单之间的产生联系
2.js动态掌握菜单选择
这里,我们以递归天生的CheckBox多选菜单为例。
步骤一:递归天生菜单
为了模板里的js代码掌握自动选中上、下级菜单,在掌握器天生菜单选项时,就要让上、下级之间存在一定联系。递归天生菜单时,我们给每个菜单的input框的id属性值设置为其“菜单名称”拼接“ID号”,同时将其class属性值设置为其所有的父级菜单的id属性值。示例代码如下:
步骤二:js实现自动选中上、下级菜单
由于每个菜单的input多选框的id属性值和class属性值,已能反响出其上、下级菜单的id属性值和class属性值,以是我们可以通过获取当前点击的菜单的class属性值来绑定其上、下级菜单。示例代码如下:
末了效果如下:
本文可以给phper初学者快速办理自动选中高下级菜单问题。大家可以适当采取,欢迎评论。喜好的朋友,可以关注或收藏哦。