1

脑筋急转弯,需要帮助,

我有一个有 6 行的表格,可以根据是否选中复选框来隐藏或可见。这个 .each 例程可以很好地解决一个小问题 - 当最后一个复选框 (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> 

在此先感谢您的帮助

鲍勃·诺特

4

2 回答 2

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();
    });
});
于 2009-12-05T23:06:40.140 回答
1

该复选框的 id 为“View5”,但 JS 引用了'view'+rowIndex. ID 区分大小写

于 2009-12-05T23:36:05.620 回答