選択したチェックボックスのリストを別のチェックボックスのリストとして表示するにはどうすればよいですか？

Question

私はページ上の2つのdivを持っている：

<div id="divOne"> 
    // List of checkboxes from my model 
</div> 
<input type="button" id="btnAdd" value="Add" /> 

<div id="divTwo"> 
    // I want to show a checkbox list that the user selected from divOne 
</div> 

どのように私は、チェックボックスの別のリストとしてのチェックボックスの選択リストを表示することができますか？あなただけのチェックをものにしたい場合は

Answer 1

...ちょうど

var checkboxes = []; 
$("#divOne").find("input[type='checkbox']").each(function(){ 
    if($(this).is(":checked")) 
     $("#divTwo").append($(this).clone()); 
}); 

Answer 2

が.html()と.clone()

var div1 = $('#divOne'), 
 
    div2 = $('#divTwo'); 
 

 
$('#btnAdd').on('click', function(){ 
 
    div2.html(
 
     div1.find('input:checked:enabled').clone() // grab the selected checkboxes 
 
    ); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> 
 
<div id="divOne"> 
 

 
    <input type="checkbox"/> 
 
    <input type="checkbox"/> 
 
    <input type="checkbox"/> 
 
    <input type="checkbox"/> 
 
</div> 
 
<input type="button" id="btnAdd" value="Add" /> 
 

 
<div id="divTwo"> 
 
    // I want to show a checkbox list that the user selected from divOne 
 
</div>

を使用して..他のdivから $("#divTwo").html($("#divOne").html());

---

をそれらをコピー