Pregunta
apretón cerebral y necesita ayuda,
Tengo una tabla con 6 filas que se que se pueden ocultar o visibles dependiendo de si una casilla está marcada. Este .Cada trabajos rutinarios grandes con un pequeño problema - cuando la última casilla de verificación (val = "5") se comprueba y se pulsa el botón de actualizar la fila 6 (con class = "hide5") está oculto. Esto sólo ocurre en la última casilla de verificación -. Cualquier otra casilla de verificación que se comprueba permanece visible
$(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 fuente HTML para el 6 º fila es:
<tr class="hide5">
<td width="175" align="center" style="padding:1px 0px 11px 0px"><br />
<span>Total</span><br />
<span> </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>
Gracias de antemano por su ayuda
Bob Knothe
Solución
Trate de hacer esto:
$(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();
});
});
Otros consejos
La casilla de verificación tiene id "View5", pero el 'view'+rowIndex
referencias JS. ID de noreferrer">