jQuery는 페이지로드시 체크 박스 값을 기반으로 표시합니다.

Question

ASP MVC 웹 응용 프로그램이 있고 페이지 중 하나에 하위 체크 박스가있는 기본 체크 박스 세트가 있습니다. 하위 체크 박스는 해당 메인 체크 박스가 선택되었을 때만 나타나야합니다. 다음 코드는 페이지가로드 될 때 체크 박스가 선택되지 않는 한 올바르게 작동합니다.

$("input[id$=Suffix]").change(function() { 

     prefix = this.id; 

     if (!$(this).hasClass("checked")) { 
      $("tr[id^=" + prefix + "]").show(); 
      $(this).addClass("checked"); 
     } 
     else { 
      $("tr[id^=" + prefix + "]").hide(); 
      $(this).removeClass("checked"); 
     } 
    }); 

이제 기본 체크 박스의 값을 데이터베이스에서 확인해야합니다. 값을 얻고 페이지로드시 상자를 확인할 수 있습니다. 그러나 페이지가 나타나면 기본 체크 박스가 선택되었을 때 하위 체크 박스가 표시되지 않습니다.

또한 페이지가로드 될 때 주 확인란이 선택되면 하위 체크 박스는 기본 chcekbox가 선택 취소 된 경우에만 표시됩니다 (분명히 위 기능은 .change()에서만 작동하기 때문).

나는 무엇을 제안하려고합니까? 추가 설명이 필요하면 언제든지 물어보십시오.

편집 : 그것은 처음에 발사하지 그래서 귀하의 기능을 단 하나의 변화에 ​​호출되는

Answer 1

BTW,이 모든 $에 (문서) .ready(). 확인란을 선택하기 위해 페이지가로드 될 때도 실행되는 항목이 필요하며 하위 항목이 표시됩니다.

여기에 변경 이벤트를 추가하는 대신 페이지가로드 될 때 각각에 대해 update를 호출하는 의미의 예제가 있습니다. 이 코드는 정확하지 않을 수 있습니다. 지금은 테스트 할 시간이 없지만 전반적인 아이디어를 얻어야합니다. 저는 MooTools 녀석입니다. jQuery가 정확하지 않다면 저를 용서해주십시오.