切换复选框以附加到div - 复选框保持未选中状态

Question

我正在构建我的第一个小jquery待办事项列表，每个列表项都有一个复选框，当选中它时，它将被移动到完成div。这按预期工作，只是复选框始终未选中。我已经尝试过.prop（）但它似乎没有任何影响。

这是HTML：

    <div class="form-container">
        <h2>To Do</h2>
        <form name="checkListForm">
        <input class="entry" type="text" name="checkListItem"/>
        <div id="button">Add!</div>
        </form>
    </div>
    <div class="list"></div>     
    <div class="done_name">Done
            <div class="done"></div>
    </div>

和JQuery：

$('input[name=checkListContainer]').toggle(
    function () {
        $(".done_name").show();
        $(this).prop("checked", "checked");
        $(this).parents('.item_container').appendTo(".done");
        },
        function () {   
                $(this).parents('.item_container').appendTo(".list");
                    $(".done:empty").parent().hide();
        });
   });

Answer 1

.prop("checked")是真/假值：

$(this).prop("checked", true);