在列表顶部添加选中的复选框

Question

单击单选按钮时，将发送Ajax请求，并返回带有复选框[employee]的Div。

我希望选中的复选框显示在顶部。 想一想，如果可以有一些我可以动态改变的索引属性。

Answer 1

您可以使用前置功能重新绘制包含复选框的div。使用功能

for (var i = 0 ; i < checkboxesToCheck;i++)
{
if ($('#checkbox').is(':checked')) 
    $("#checkbox").prependTo("#container");
else
    $("#checkbox").appendTo("#container");
}

Answer 2

希望以下演示能为您提供帮助。

http://jsfiddle.net/scSYV/2/

var list = $("ul"),
    origOrder = list.children();

list.on("click", ":checkbox", function() {
    var i, checked = document.createDocumentFragment(),
        unchecked = document.createDocumentFragment();
    for (i = 0; i < origOrder.length; i++) {
        if (origOrder[i].getElementsByTagName("input")[0].checked) {
            checked.appendChild(origOrder[i]);
        } else {
            unchecked.appendChild(origOrder[i]);
        }
    }
    list.append(checked).append(unchecked);
});