테이블을 새로 고친 후 모든 확인란을 선택 취소 JQuery

Question

일부 제품에는 테이블이 있고 각 제품에는 제품 ID가있는 체크 박스가 있습니다. 페이지 상단에 내가/다음 JQuery와 함수를 사용하여 다른 모든 확인란을 선택 해제 선택하는 모두 선택 확인란이 : 어쨌든

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

을, 나는 확인 제품 내 테이블에서 제거하는 "선택 항목 삭제"버튼이 있습니다 . 이 버튼을 사용하여, 아약스 기능 만 내 테이블이 아닌 전체 페이지를 새로 고침 :

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

내 문제는 내가 테이블을 새로 고침 후 더 이상 작동하지 않습니다 확인란 "모두 선택"이다.

Answer 1

당신은 이벤트를 부착 이벤트 위임을 사용할 필요가 동적으로 추가 할 DOM은 : 그 동적으로 체크 박스를 추가하기 위해 해당 이벤트를 할당하기 때문에

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

Answer 2

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

새로 고침 표 다음에 위의 코드를 넣습니다.