Afficher ou masquer la ligne de la table si la case est cochée
Je veux cacher une ligne de la table (avec des champs de saisie à l'intérieur) lorsqu'une case est cochée.
J'ai trouvé quelque chose qui fonctionne:
HTML
<table>
<tr id="row">
<td><input type="text"></td>
<td><input type="text"></td>
</tr>
<tr>
<td><input type="checkbox" id="checkbox">Hide inputs</td>
</tr>
</table>
Script
$(document).ready(function () {
$('#checkbox').change(function () {
if (!this.checked)
$('#row').fadeIn('slow');
else
$('#row').fadeOut('slow');
});
});
Mais cela ne fonctionne que si la case n'est pas déjà cochée. Donc, si la case est cochée au début, je veux la ligne de la table pour être caché. Comment puis-je faire cela?
Veuillez noter que je ne connais pas beaucoup de choses à propos de JavaScript, mais j'ai vraiment besoin de cette
Ce type de question a été posée ici tant de fois déjà...
Apparemment, Google est un art perdu.
Apparemment, les fonctions de recherche en général
Apparemment, Google est un art perdu.
Apparemment, les fonctions de recherche en général
OriginalL'auteur Duncan Luk | 2014-12-23
Vous devez vous connecter pour publier un commentaire.
déclencher .modifier() événement après vous joindre des événements:
Note: je rendre le code plus court.
jsfiddle
OriginalL'auteur Mohamad Shiralizadeh
Il suffit d'appeler l'événement de changement après avoir initialement inscrire:
OriginalL'auteur musefan
il suffit d'appeler la fonction de changement dans le document.prêt après il
Comme ce
Ici est la DÉMO VIOLON
OriginalL'auteur Sajad Karuthedath
vous pouvez masquer si vous voulez vraiment la case à vérifier d'abord.
OriginalL'auteur Michael Angelo Casabar
OriginalL'auteur Saketh
$('#nom_table tr').find('input:case:checked').closest('tr').show();
$('#nom_table tr').find('input:case:Décoché').closest('tr').hide();
OriginalL'auteur Sheladiya Ajay