Нет возврата на $ ('input: checkbox'). Change (function() {?

Question

Я тестирую второе решение, которое было предоставлено мне здесь, для проверки и записи каждого флажка, который был проверен. работает как шарм, но второе более эффективное решение даже не запускается.

for (x in aL.results) { 
    aLIds.push(aL.results[x].listing_id); 
    aLTitles.push(aL.results[x].title); 
    aLQuantities.push(aL.results[x].quantity); 
    aLDescs.push(aL.results[x].description); 
    aLTaxPaths.push(aL.results[x].Tax_path); 
    aLTaxIds.push(aL.results[x].Tax_id); 
    aLTags.push(aL.results[x].tags); 
    aLUrls.push(aL.results[x].url); 
    aLPrices.push(aL.results[x].price); 
    aLViews.push(aL.results[x].views); 
    aLHearts.push(aL.results[x].num_favorers); 

    $('#tblListings').append(
    '<tr>' + '<td><input type="checkbox" name="updateListings[]" value=' + x + ' ></td>' + '<td>' + aLQuantities[x] + '</td>' + '<td>' + aLTitles[x] + '</td>' + '<td>' + aLPrices[x] + '</td>' + '<td>' + aLViews[x] + '</td>' + '<td>' + aLHearts[x] + '</td>' + '</tr>' 
); 
} 

$('input:checkbox').change(function() { 
    alert('ah'); 
    var uLIndex = $('input:checkbox:checked').map(function() { 
     return this.value; 
    }).get(); 
    console.log(uLIndex); 
}); 

Answer 1

Для динамического создания элемента мы не можем связать событие непосредственно делать что-то подобное или live функции и эта функция удалена в 1.9 версии так убедитесь, что версия jquery, которую вы используете, или много способов вы можете найти на официальном сайте jquery

$('body').on("change","input:checkbox",function() { 
    alert('ah'); 
    var uLIndex = $('input:checkbox:checked').map(function() { 
    return this.value; 
    }).get(); 
    console.log(uLIndex); 
}); 

Обновлено

Добавьте класс CheckBox Регулярно проверяйте

$('#tblListings').append(
    '<tr>' + '<td><input class="check" type="checkbox" name="updateListings[]" value=' + x + ' ></td>' + '<td>' + aLQuantities[x] + '</td>' + '<td>' + aLTitles[x] + '</td>' + '<td>' + aLPrices[x] + '</td>' + '<td>' + aLViews[x] + '</td>' + '<td>' + aLHearts[x] + '</td>' + '</tr>' 
); 

И чем связывают события на все флажок с именем класса проверки, как показано ниже.

$('body').on("change",".check",function() { 
    alert('ah'); 
    var uLIndex = $('input:checkbox:checked').map(function() { 
    return this.value; 
    }).get(); 
    console.log(uLIndex); 
});