jQuery。每个问题

Question

大脑挤压和需要帮助，

我有一个6行的表是可以隐藏或可见，取决于如果复选框被选中。这个每个例程都可以很好地解决一个小问题 - 当最后一个复选框（val =“5”）被选中并且你点击刷新按钮时，第6行（class =“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。