如何从列表中删除选中的复选框并将它们添加到另一个列表

Question

如何从列表中删除选中的复选框并将它们添加到另一个列表中？

 $('#mer').click(function() { 
     //var unchecked = []; 
     $('input[type="checkbox"]').each (function() { 
     if (this.checked) { 
     var txt = $(this).next("label").text(); 
     $('#ch').append($('<li>').append($(this).clone()).append(txt)); 
     $(':checkbox:checked').attr('disabled', true); 
     $(':checkbox:checked').remove(); 
      //$('.checklist').hide(); 
     $('#ch').show(); 
     //$('input[type="checkbox"]:not(:checked)').show('.checklist'); 
     } /*else { 
       unchecked.push(this); 
       var txt1 = $(this).next("label").text(); 
       $('.checklist').append($('<li/>').append($(this).clone()).append(txt1)); 
       $('.checklist').show(); 

      }*/ 
     }); 

Answer 1

这是非常简单的：

$('#from :checked').appendTo('#to');

哪里#from是父，并为#to是其他选择或你希望父母把它（又名选择/复选框父）。

Answer 2

我不知道正是你正在尝试做的，但这样的事情可能工作：

$('input[type="checkbox"]').each (function() { 
if($(this).is('input:checkbox:checked')){ 
    $(this).appendTo('whereverClassOrElement').remove(); 
} 
}); 

Answer 3

我不知道你需要什么，但这里有一个整洁的交换样品。如果您设置HTML这样的：

<h3>List One</h3> 
<ul id="listOne"> 
    <li><label for="a">A</label><input type="checkbox" id="a" name="listOne"/></li> 
    <li><label for="b">B</label><input type="checkbox" id="b" name="listOne"/></li> 
    <li><label for="c">C</label><input type="checkbox" id="c" name="listOne"/></li> 
</ul> 

<br/> 
<h3>List Two</h3> 
<ul id="listTwo"> 
    <li><label for="d">D</label><input type="checkbox" id="d" name="listTwo" checked/></li> 
</ul> 

然后，你可以写比较简单的jQuery这样的：

$(document).ready(function(){ 
    $('input[type=checkbox]').live('click', function(event){ 
     var t = $(this); 
     var from = 'listOne'; 
     var to = 'listTwo'; 
     if (!t.is(':checked')){ 
      var swap = to; 
      to = from; 
      from = swap; 
     } 
     $('#'+to).append(t.attr('name', to).parent()); 
    }); 
}); 

我有这样一个的jsfiddle工作：http://jsfiddle.net/FgWhr/5/