jQuery选择/取消选择所有兄弟姐妹

我试图在第一次检查时选择所有兄弟姐妹..然后如果未选中,则应取消选中所有兄弟姐妹.

但我不能解决它所以欢迎任何指针:)

<script type='text/javascript' src='http://img.558idc.com/uploadfile/allimg/210615/203T91514-0.jpg'></script>           
    <ul>
    <li><input id="checkall" type="checkbox" />Select all</li>
    <li><input type="checkbox" />Child 1</li>
    <li><input type="checkbox" />Child 2</li>
    <li><input type="checkbox" />Child 3</li>
    <li><input type="checkbox" />Child 4</li>
</ul>

<script type="text/javascript">
            //clicking the first checkbox should check or uncheck all checkboxes in that element 
$(document).ready(function(){
    $('#checkall').click(function(){
        if ($(this).closest('ul').find('input:checkbox').attr('checked', false)) {
            $(this).closest('ul').find('input:checkbox').attr('checked', true)
        }
        else ($(this).closest('ul').find('input:checkbox').attr('checked', true)); {
            $(this).closest('ul').find('input:checkbox').attr('checked', false)
        }
    });
});
</script>

.attr(‘checked’,false)将’false`值设置为元素的checked属性,而不返回布尔值.您可以像这样简化代码.

$(document).ready(function(){
    $('#checkall').click(function(){
        $(this).closest('ul').find(':checkbox').attr('checked', this.checked);
    });
});