Question
resserrement du cerveau et ont besoin d'aide,
I ai une table avec 6 lignes qui sont qui peuvent être cachés ou visibles en fonction de si une case est cochée. Cette routine fonctionne .Chaque grands avec un petit problème - lorsque la dernière case à cocher (val = « 5 ») est cochée et que vous appuyez sur le bouton de rafraîchissement de la ligne 6 (avec class = « hide5 ») est caché. Cela se produit uniquement sur la dernière case à cocher -. Toute autre case qui est cochée reste 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 source HTML de la 6 e rangée est la suivante:
<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>
Merci d'avance pour votre aide
Bob Knothe
La solution
Essayez ceci:
$(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();
});
});
Autres conseils
La case à cocher a id "View5", mais les références JS 'view'+rowIndex
. sont cas sensibles.