1

脳を圧迫して助けが必要な、

チェックボックスがオンになっているかどうかに応じて非表示または表示できる6行のテーブルがあります。この.eachルーチンは、1つの小さな問題でうまく機能します。最後のチェックボックス（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 に答える