求asp+Javascript高手:求解决选中一个父复选框,相对应的子复选框能选中,而不影响其他组的复选框。
我有一个表单form4,里面有多组复选框,结构如:菜单1,子菜单11,子菜单11下的功能111,功能112,功能113...子菜单12,子菜单12下的功能121,功能12...
我有一个表单form4,里面有多组复选框,结构如:
菜单1,
子菜单11,
子菜单11下的功能111,
功能112,
功能113...
子菜单12,
子菜单12下的功能121,
功能122,
功能123...
每个菜单、子菜单、子功能前面都各放一个复选框,
我想实现选择:
1、当选中菜单1复选框后,它所属的子菜单11,子菜单12及其所属的所有子菜单、子功能的复选框都选中;
2、当选中子菜单11时,它的父菜单1也自动选中,它的所有子功能也自动选中;
3、同样,当选中子功能113时,它的父菜单11和父父菜单1都自动同时选中;
有哪位高手能举例一个完整的代码指点迷津,刚学菜鸟,希望能遇到好心人!
选择每一组的菜单和功能时,不要影响其他组(图中未列示其他组菜单和功能)的选择。
同时,取消的时候也相应取消相对应的父菜单和子菜单、子功能。
举例:
如选择“葡萄酒”下面的“修改”功能时,“葡萄酒”和“商品管理”两个父复选框就自动选上;
选择“商品管理”时,它下面的所有葡萄酒、酒机、酒杯以及所有下面的功能都自动选上;
选择“葡萄酒”时,他的父菜单“商品管理”就自动选上,他下面的所有子功能也都自动选上;
取消时,如取消“葡萄酒”时,他下面的所有子功能都自动取消; 展开
菜单1,
子菜单11,
子菜单11下的功能111,
功能112,
功能113...
子菜单12,
子菜单12下的功能121,
功能122,
功能123...
每个菜单、子菜单、子功能前面都各放一个复选框,
我想实现选择:
1、当选中菜单1复选框后,它所属的子菜单11,子菜单12及其所属的所有子菜单、子功能的复选框都选中;
2、当选中子菜单11时,它的父菜单1也自动选中,它的所有子功能也自动选中;
3、同样,当选中子功能113时,它的父菜单11和父父菜单1都自动同时选中;
有哪位高手能举例一个完整的代码指点迷津,刚学菜鸟,希望能遇到好心人!
选择每一组的菜单和功能时,不要影响其他组(图中未列示其他组菜单和功能)的选择。
同时,取消的时候也相应取消相对应的父菜单和子菜单、子功能。
举例:
如选择“葡萄酒”下面的“修改”功能时,“葡萄酒”和“商品管理”两个父复选框就自动选上;
选择“商品管理”时,它下面的所有葡萄酒、酒机、酒杯以及所有下面的功能都自动选上;
选择“葡萄酒”时,他的父菜单“商品管理”就自动选上,他下面的所有子功能也都自动选上;
取消时,如取消“葡萄酒”时,他下面的所有子功能都自动取消; 展开
展开全部
1、如果你是后台获取的数据,请给这些复选框id增加成父ID+子ID 例子:
商品管理id 1 葡萄酒 1_1 增加 1_1_1 修改 1_1_2
商品管理id 1 酒机 1_2 增加 2_2_1 修改 2_2_2
js点击事件,如果点击的是商品管理1 就全选循环 选中
2、如果你用的是jquery 那也按这种办法。最后你取标签的时候判断
if(id==1){
$("li[id*=1]") 这个是找到所有有1_的
}else if(id==1_1){
$("li[id*=1_1]")
}
不知道你能否明白,如果不明白继续追问吧!
商品管理id 1 葡萄酒 1_1 增加 1_1_1 修改 1_1_2
商品管理id 1 酒机 1_2 增加 2_2_1 修改 2_2_2
js点击事件,如果点击的是商品管理1 就全选循环 选中
2、如果你用的是jquery 那也按这种办法。最后你取标签的时候判断
if(id==1){
$("li[id*=1]") 这个是找到所有有1_的
}else if(id==1_1){
$("li[id*=1_1]")
}
不知道你能否明白,如果不明白继续追问吧!
追问
还是不明白呢...能否给个实例看看...
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询