checkbox选中排序

今天搞了个checkbox排序的，选中后排到选中的最后一个，取消选中排到未选中的第一个。

使用jQuery非常简单。代码如下：

$("ul li input").change(function(){
    var checked = $(this).prop("checked");
    if(checked) {
        $("ul li input:not(:checked):first").closest("li").before($(this).closest("li"));
    } else {
        $("ul li input:checked:last").closest("li").after($(this).closest("li"));
    }
});

DEMO地址：http://www.acgist.com/demo/checkbox-sort/index.html