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

HTML Discussion :

[Syntaxe] Label et checkbox ont un même id, qui suis je ?


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Inscrit en
    Février 2009
    Messages
    635
    Détails du profil
    Informations forums :
    Inscription : Février 2009
    Messages : 635
    Par défaut [Syntaxe] Label et checkbox ont un même id, qui suis je ?
    Bonjour,

    voila une liste de checkbox accompagnée de Label, lorsqu'on je clique sur un label, je voudrais que le checkbox à coté checked ou inversement... J'ai essayé plusieurs choses ce matin et finalement à ma grande surprise, le simple fait de définir le même Id sur le checkbox et sur le label, fonctionne, sans rien ajouter dans le script. En plus c'est compatible (IE6-9, Firefox, Safari/Chrome, Netscape, Opéra)

    Curieux non ?

    Votre avis m'intéresse,

    Et bonne journée.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <div id="_select" class="_select">
     <span id="_select_text" class="_select_text"></span> <!-- Container select -->
     <img id="_select_opn" class="_select_opn" src="public/images/_select_opn.png"> <!-- Bouton affiche/masque la liste -->
     <div class="_select_list" id="_select_list"> <!-- Si liste ouverte on peut sélectionner plusieurs ass sans fermer -->
      <span id="loc_selected" style="display: block;"></span> <!-- Si clique, on ferme la liste, idem à bouton  -->
      <span class="_optgroup">Groupe ...</span>
    <br />
    <input type="checkbox" id="ass" /> <label for="ass" class="test">
    </div> 
    </div>

  2. #2
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Par défaut
    Citation Envoyé par dominos Voir le message
    J'ai essayé plusieurs choses ce matin et finalement à ma grande surprise, le simple fait de définir le même Id sur le checkbox et sur le label, fonctionne, sans rien ajouter dans le script. En plus c'est compatible (IE6-9, Firefox, Safari/Chrome, Netscape, Opéra)

    Curieux non ?
    Belle découverte, dominos

    Je t'invite à lire les specs http://www.la-grange.net/w3c/html4.0....html#h-17.9.1

  3. #3
    Membre Expert
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Par défaut


    L'id de l'input référencé par ton label doit coincider avec la propriété "for" du label, pas avec son id ^^

  4. #4
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Citation Envoyé par dominos
    Curieux non ?
    Non, c'est le but de la balise <label>...

    Citation Envoyé par dominos
    qui suis je ?
    Euh... un débutant ?
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  5. #5
    Membre éclairé
    Inscrit en
    Février 2009
    Messages
    635
    Détails du profil
    Informations forums :
    Inscription : Février 2009
    Messages : 635
    Par défaut
    Citation Envoyé par Bovino Voir le message
    Non, c'est le but de la balise <label>...


    Euh... un débutant ?
    Tout a fait et je n'en ai point honte.

    Merci pour ces info.

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

Discussions similaires

  1. Réponses: 3
    Dernier message: 20/01/2007, 19h09
  2. Controller CheckBoxes ayant le même nom.
    Par JFKen dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 29/08/2006, 10h19
  3. supprimer les fichiers qui ont des mêmes noms
    Par manaboko dans le forum Langage
    Réponses: 5
    Dernier message: 08/03/2006, 09h09
  4. Problème d’héritage. (si deux fils ont le même père !)
    Par jarod_ab dans le forum PostgreSQL
    Réponses: 4
    Dernier message: 04/03/2006, 13h42
  5. deux champs ont le même nom
    Par mamouna dans le forum ASP
    Réponses: 5
    Dernier message: 01/07/2004, 13h55

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