확인란 모든 토글 기능을 선택하십시오.

Question

여러 개의 체크 박스가 있으며 첫 번째 체크 박스 값은 모두 선택입니다. 내 jQuery 코드는

$(".checkboxFilter input:checkbox:first").change().toggle(function() { 
     alert("inside first toggle"); 
     $(".checkboxFilter").find(':checkbox').prop("checked", true); 
    }, function() { 
     alert("inside second toggle"); 
     $(".checkboxFilter").find(':checkbox').prop("checked", false); 
    }); 

입니다. 문제는 페이지를 렌더링 할 때 기본적으로 모두 선택 버튼이 선택되었지만 다른 옵션은 선택되어 있지 않습니다. 모두 선택 확인란을 다시 클릭하면 모든 항목이 선택되고 모든 항목을 한 번 더 선택하면 모든 항목이 선택 취소되지만 모든 항목을 선택하면 여전히 선택되어 있습니다. 아무도 도와 줄 수 있습니까

Answer 1

toggle을 사용하지 마십시오. 단지 change 만 사용하면됩니다. demo

$(".checkboxFilter input:checkbox:first").change(function() { 
     $(".checkboxFilter").find(':checkbox').prop("checked", this.checked); 
}); 

Answer 2

"선택 모두"의 기본 상태를 선택하지 않거나 확인할 모든 항목을 선택해야합니다.