首先,我只想说我对jQuery毫无希望.
我正在查看此处帖子中的一些代码,这些代码选择每个父复选框(并且有效):
$(function() {
$(":checkbox").change(function () {
$(this).parents().children(':checkbox').attr('checked', this.checked);
});
});
Run Code Online (Sandbox Code Playgroud)
我们使用树视图结构<ul> <li>,每个<li>都有一个复选框.我想做与上面相反的操作,并在所有子复选框上执行相同的复选框选择.
任何人都可以修改上面这样做吗?
请注意我们使用的是剃须刀,每个复选框都是@ Html.CheckboxFor,因此输出结果如下:
<input name="Survey.Buildings[0].IsSelected" type="checkbox" value="true" checked="checked" data-val="true" data-val-required="The Selected? field is required." id="Survey_Buildings_0__IsSelected" />
<input name="Survey.Buildings[0].IsSelected" type="hidden" value="false" />
Run Code Online (Sandbox Code Playgroud)
好的我已经修复了HTML,结构现在看起来像:
<ul>
<li> Cbx1
<ul>
<li> Cbx 2 </li>
</ul>
</li>
<li> Cbx3 </li>
<li> Cbx4
<ul>
<li> Cbx 5 </li>
<li> Cbx 6 </li>
</ul>
</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
因此,如果选中Cbx4,则会检查Cbx5和6,如果未选中,则将取消选中它们
非常感激
安迪
jquery ×1