Надежные флажки для выбора флажка

Question

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

Приведенный выше код отображает несколько флажков в поле A (a div). Если я поставлю флажок в поле A, я отправлю это значение в базу данных и выберет значения, которые будут отображаться в поле B.

Например, если я выберу 2 флажка в поле А, я отправлю эти значения в базу данных, и он будет получать соответствующие значения и отображать их в окне B.

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

Я хотел бы знать, что это #checkbox относится. Это идентификатор флажка или что-то еще?

Есть ли способ реализовать это?

Answer 1

да это идентификатор ..

$('#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() поскольку проверка динамически добавляется так должны делегировать событие для события изменения происходят.