Javascript I'；当选中父项时，我尝试选中所有子项复选框。但这只起作用一次！当我下次尝试时，孩子不会'；t被检查了吗？

第一次就可以了。当我取消选中子复选框，然后单击父复选框时，它会失败

这是HTML内容

$(document).ready(function (e) {
    $('.links > input').change(function () {
        if ($(this).is(':checked')) {
            $(this).parent().children('.subLinks').children('.subLinkCheck').children().attr('checked', true);
        } else 
          $(this).parent().children('.subLinks').children('.subLinkCheck').children().attr('checked', false);;
    });
});

互动社区


可用性测试

HFI认证



启发式评价


可用性测试

HFI认证

使用而不是

.attr（）

演示：

使用而不是

.attr（）

---

演示：

我不明白为什么HTML代码左侧需要这么多空间。正确的格式增加可读性！抱歉，谢谢格式化。我不明白为什么HTML代码左侧需要这么多空间。正确的格式增加可读性！抱歉，谢谢格式化..prop（'checked'，true）；和.prop（'checked'，false）。prop（'checked'，true）；和.prop（'checked'，false）

<ul id="mainLink">
    <li class="links">
        <input type="checkbox" />Interactive Community
        <ul class="subLinks">
            <li class="subLinkCheck">
                <input class="1" type="checkbox" />Usability Testing</li>
            <li class="subLinkCheck">
                <input type="checkbox" />HFI Certification</li>
        </ul>
    </li>
    <li class="links">
        <input type="checkbox" />Heuristic Evaluations
        <ul class="subLinks">
            <li class="subLinkCheck">
                <input type="checkbox" />Usability Testing</li>
            <li class="subLinkCheck">
                <input type="checkbox" />HFI Certification</li>
        </ul>
    </li>
</ul>