Wählen Sie alle Kontrollkästchen funktioniert nicht mehr nach Tabelle neu laden JQuery

Question

Ich habe eine Tabelle mit einigen Produkten und in der Nähe jedes Produkt habe ich eine Checkbox, die als Wert die Produkt-ID hat. Oben auf der Seite, die ich eine Select All Checkbox haben, die/alle anderen Kontrollkästchen mit dem folgenden jQuery-Funktion wählt abgewählt:

$("#selectall").change(function(){ 
    $(".check").prop('checked', $(this).prop("checked")); 
}); 

Wie dem auch sei, ich habe eine „Ausgewählte löschen“, um die von meinem Tisch entfernt die geprüften Produkte . Diese Schaltfläche aktualisiert nur meine Tabelle, nicht die gesamte Seite, in einer Ajax-Funktion, mit:

$("#prodTable").load("../product #prodTable"); 

Mein Problem ist, dass, nachdem ich die Tabelle aktualisieren, wird das „Select All“ Checkbox nicht mehr funktionieren.

Answer 1

Sie benötigen zur Befestigung Event Ereignis Delegation verwenden, um dynamisch hinzugefügt dom:

$("#prodTable").on('change','#selectall',function(){ 
$(".check").prop('checked', $(this).prop("checked")); 
}); 

Answer 2

$("#selectall").change(function(){ 
    $(".check").prop('checked', $(this).prop("checked")); 
}); 

oben Code nach refresh Tisch, weil sein dieses Ereignis zuweisen dynamisch Checkbox hinzugefügt.