jQuery. 각 문제

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 소스^th 행은 :

<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> 

도움을 주셔서 감사합니다

Bob 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. ID는 사례에 민감합니다.