jQuery를 .each 문제

Question

뇌 경색과 도움이 필요

나는 그 확인란이 선택된 경우에 따라 숨기거나 표시 할 수 있습니다 6 개 행이있는 테이블이있다. 이 각각의 루틴은 하나의 작은 문제로 훌륭하게 작동합니다. 마지막 체크 박스 (val = "5")가 선택되고 새로 고침 버튼을 누르면 행 6 (클래스 = "hide5")이 숨겨집니다. 이는 마지막 체크 박스에서만 발생합니다. 체크 된 다른 체크 상자는 계속 표시됩니다.

$(document).ready(function($) { 
    $('input:checkbox').each(
     function(rowIndex){ 
      if($('#view'+rowIndex).is(':checked') == true){ 
       $('.hide'+rowIndex).show(); 
      } 
      else if($('#view'+rowIndex).is(':checked') == false){ 
       $('.hide'+rowIndex).hide(); 
      } 
     } 
    ); 
    $('input:checkbox').click(function() {        
     var row = this.value; 
     $('.hide' + row).toggle(); 
    }); 
}); 

6 ^일 행의 HTML 소스는 다음과 같습니다 당신의 도움에 미리

<tr class="hide5"> 
    <td width="175" align="center" style="padding:1px 0px 11px 0px"><br /> 
    <span>Total</span><br /> 
    <span>&nbsp;</span><br /> 
    </td> 
    <td width="175" align="center"> 
    <input class="auto" type="text" id="bwPound" size="18" alt="p8c3pvS" /> 
    </td> 
    <td width="175" align="center"> 
    <input class="auto" type="text" id="bwPound" size="18" alt="p8c3pvS" /> 
    </td> 
</tr> 

감사

밥 Knothe

Answer 1

이 밖으로 시도 :

$(document).ready(function($) { 
    $('input:checkbox').each(function(rowIndex){ 
     var $row = $(this); 
     if ($row.is(':checked')){ 
      $('.hide'+rowIndex).show(); 
     } else { 
      $('.hide'+rowIndex).hide(); 
     } 
    }); 
    $('input:checkbox').click(function() {        
     var row = this.value; 
     $('.hide' + row).toggle(); 
    }); 
}); 

Answer 2

확인란의 ID는 "View5"이지만 JS는 'view'+rowIndex을 참조합니다. IDs are case sensitive.