我怎么能在 jQuery 中做一个检查事件?我有这个结构:
使用代码它将是:
<ul>
<li class="padre_menu">
<div class="checkbox">
<label>
<input name="padre[]" type="checkbox" class="ace ace-checkbox-2" id="id_padre" value="1">
<span class="lbl"> Inicio</span>
</label>
</div>
</li>
<li class="padre_menu">
<div class="checkbox">
<label>
<input name="padre[]" type="checkbox" class="ace ace-checkbox-2" id="id_padre" value="2">
<span class="lbl"> Mail</span>
</label>
</div>
<ul>
<li class="hijo_menu">
<div class="checkbox">
<label>
<input name="hijo[]" type="checkbox" id="id_hijo" class="ace" value="5">
<span class="lbl"> Sub Mail</span>
</label>
</div>
</li>
<li class="hijo_menu">
<div class="checkbox">
<label>
<input name="hijo[]" type="checkbox" id="id_hijo" class="ace" value="6">
<span class="lbl"> test1</span>
</label>
</div>
</li>
</ul>
</li>
</ul>
我需要的是,当我选择“Sub Mail”或“test1”时,我也选择了“Mail”,或者如果我只标记“Mail”,我选择它带来的 2 个项目。
这个基于 jQuery 的解决方案包括:
<li>
,然后找到下<ul>
一个包含相应子级的容器,并对复选框元素应用相同的效果(选中/取消选中) 。<ul>
“children”容器并查看是否至少有一些“children”复选框被选中。如果选中了一个,我们什么也不做,并且“父亲”复选框保持选中状态,否则我们删除“父亲”复选框。以下示例符合递归,这是使用嵌套时所必需的