当父复选框被选中时，我试图选中所有子复选框.但这只适用一次!当我下次尝试时，孩子没有被检查

I'm trying to check all child check boxes when parent is checked. But this works only once ! When i try it the next time, child doesn't gets checked?

本文关键字：复选框 一次 下次 检查 孩子      更新时间：2023-09-26
$(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);;
    });
});

第一次工作很好。当我取消子复选框，然后点击父复选框时，它失败了，

这是HTML的内容

<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>

用.prop()代替.attr()。

演示:http://jsfiddle.net/Jrrnj/

相关文章：