Jquery 选择/取消选择适用于第一次，不适用于后续点击

Question

$('#parent1').click(function () {
    if ($('#parent1').is(':checked')) {
        $('input[type="checkbox"]').attr('checked', true);
    } else {
        $('input[type="checkbox"]').attr('checked', false);
    }
});

这个函数可以工作，但只是第一次，即使它不是 document.ready(function) 的一部分。

它不适用于后续点击？这里有什么遗漏吗？任何帮助将不胜感激。

我所有的子复选框都是parent2,3,4,...15。

<c:forEach var="parent1" items="${model.list}"> 
    <form:checkbox path="list" value="${parent1.name}" label="${parent1.name}" /> 
</for:each>

Answer 1

尝试使用 .prop() 而不是 .attr()， behavior of .attr() 不一致。

$('#parent1').change(function () {
    $('input[type="checkbox"]').prop('checked', this.checked);
});

<强> Demo Fiddle