IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Surligner une ligne d'un tableau si checkbox cochée


Sujet :

jQuery

  1. #1
    Membre actif Avatar de arthuro45
    Profil pro
    Développeur du dimanche
    Inscrit en
    Juillet 2009
    Messages
    602
    Détails du profil
    Informations personnelles :
    Localisation : France, Essonne (Île de France)

    Informations professionnelles :
    Activité : Développeur du dimanche

    Informations forums :
    Inscription : Juillet 2009
    Messages : 602
    Points : 265
    Points
    265
    Par défaut Surligner une ligne d'un tableau si checkbox cochée
    Bonjour,

    Ce code coche ou décoche une checkbox si on clique sur une ligne du tableau, mais comment lui ajouter une classe css dans les 2 cas ?
    Il faudrait surligner le tr si la checkbox est cochée et inversement.
    Merci de votre aide.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    $('.tbl td').click(function(){
     
       var nextcheckbox = $(this).parent().find('input:checkbox');
            nextcheckbox.attr('checked') 
                 ?   nextcheckbox.removeAttr('checked')
                  :   nextcheckbox.attr('checked', 'checked')
    });

  2. #2
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Points : 22 933
    Points
    22 933
    Billets dans le blog
    125
    Par défaut
    Bonsoir

    Je vous conseille la lecture de la FAQ jQuery : Comment puis-je surligner des mots identiques ?.

    Si vous restez bloqué, je vous invite à poster un nouveau message avec la copie de votre code de test.

  3. #3
    Membre du Club
    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    45
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2010
    Messages : 45
    Points : 48
    Points
    48
    Par défaut
    un truc comme ca?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    $(this).parent().addclass('toto');

  4. #4
    Membre actif Avatar de arthuro45
    Profil pro
    Développeur du dimanche
    Inscrit en
    Juillet 2009
    Messages
    602
    Détails du profil
    Informations personnelles :
    Localisation : France, Essonne (Île de France)

    Informations professionnelles :
    Activité : Développeur du dimanche

    Informations forums :
    Inscription : Juillet 2009
    Messages : 602
    Points : 265
    Points
    265
    Par défaut
    Citation Envoyé par flyingfr53 Voir le message
    un truc comme ca?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    $(this).parent().addclass('toto');
    Oui effectivement ça fonctionne :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    $('.tbl td').click(function(){
    	var nextcheckbox = $(this).parent().find('input:checkbox');
    	if(nextcheckbox.attr('checked')) {
    		nextcheckbox.removeAttr('checked');
    		$(this).parent().removeClass('couleurLigne');
    	} else {
    		nextcheckbox.attr('checked', 'checked');
    		$(this).parent().addClass('couleurLigne');
    	}
    });
    Merci

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Surligner une ligne d'un tableau par pointage
    Par guidav dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 30/04/2008, 11h55
  2. Surligne une ligne d'un tableau
    Par mcdelay dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 18/09/2007, 17h11
  3. surligner le contenu d'une ligne d'un tableau
    Par yAnSoLo82 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 11
    Dernier message: 23/01/2006, 20h32
  4. Surligner une ligne sélectionnée d'un tableau
    Par cosmos38240 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 02/01/2006, 20h33
  5. Style d'une ligne d'un tableau et Checkbox
    Par echecetmat dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 25/01/2005, 15h03

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo