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