相关疑难解决方法(0)

jQuery选择所有子复选框

首先,我只想说我对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)
  • 编辑2:

好的我已经修复了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

12
推荐指数
1
解决办法
2万
查看次数

标签 统计

jquery ×1