在選擇複選框時取決於負載的複選框

Question

$('#Container').append('<input type="checkbox" id = '+ data[i].name + '/> ' + data[i].name + '<br />'); 

上面的代碼在框A（div）中顯示了一些複選框。如果我在框A中選擇一個複選框，則將該值發送到數據庫，並獲取將顯示在框B中的值。

例如，如果我在框A中選擇2個複選框，則會將這些值到數據庫中，它會獲取相應的值，並在盒子B.顯示它們

$('#checkbox').change(function() { 

我想知道這是什麼#checkbox指。它是複選框或其他東西的ID嗎？

有什麼辦法可以實現這個嗎？

Answer 1

是的，它是一個ID ..

$('#checkbox') <-- refers to an element having an id as "checkbox" it might be div or checkbox or any element whose id is equal to checkbox. 
$('.checkbox') <--refers to an element having class as "checkbox" 
$('input:checkbox') <--- refers to all input with type checkbox 

經過文檔，詳細瞭解selectors

更新

例如

$('#Container').append('<input type="checkbox" class="ckbox" id = '+ data[i].name + '/> ' + data[i].name + '<br />'); 
$('#Container').append('<input type="checkbox" class="ckbox" id = '+ data[i].name + '/> ' + data[i].name + '<br />'); 

調用類選擇

$('#Container').on('change','.ckbox',function(){ 
    var selectedValue = $("input.ckbox:checked").map(function(n){ 
     return this.value; 
    }); 
    alert(seletedValue.join(',')); 
}); 

on()因爲檢查是動態添加，從而不得不委派發生變化事件的事件。