Domanda

Cervello squeeze e hanno bisogno di aiuto,

Ho una tabella con 6 righe che sono che possono essere nascosti o visibili a seconda se una casella di controllo è selezionata. Questo .Ogni lavori di routine grandi con un piccolo problema - quando l'ultima casella di controllo (val = "5") è selezionata e si preme il pulsante di aggiornamento della riga 6 (con class = "hide5") è nascosta. Questo si verifica solo in ultima casella di controllo -. Qualsiasi altra casella di controllo che viene controllato rimane visibile

$(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();
    });
}); 

La sorgente HTML per il 6 th riga è:

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

Grazie in anticipo per il vostro aiuto

Bob Knothe

È stato utile?

Soluzione

Prova questo fuori:

$(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();
    });
});

Altri suggerimenti

La casella di controllo ha id "View5", ma il JS riferimenti 'view'+rowIndex. sono case sensitive .

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top