选中时，使复选框出现在无序列表的底部。

Question

http://jsfiddle.net/AGinther/ZF7bD/1/

当使用jQuery单击复选框时，我正在尝试使列表项出现在列表的底部，目前我已经这样做了；

HTML

<ul>
    <li><input type="checkbox" id="checkbox-1"><label for="checkbox-1"> Checkbox 1</label></li>
    <li><input type="checkbox" id="checkbox-2"><label for="checkbox-2"> Checkbox 2</label></li>
    <li><input type="checkbox" id="checkbox-3"><label for="checkbox-3"> Checkbox 3</label></li>
    <li><input type="checkbox" id="checkbox-4"><label for="checkbox-4"> Checkbox 4</label></li>
</ul>

Javascript

if ($('input[type="checkbox"]').prop('checked')) {
     //Some code goes here...
}

Answer 1

首先，您需要将jQuery作为一个库包含在您的小提琴中。此外，您的if语句不绑定到任何事件。

可以通过绑定到复选框的click事件来实现这一点。

$('input[type="checkbox"]').click(function() {
    var $t = $(this);
    if ($t.is(':checked')) {
        var cb = $t.parent().remove();
        $('ul').append(cb);
    }
});

演示：http://jsfiddle.net/ZF7bD/7/