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

JavaScript Discussion :

Input Radio sur Texte


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre Expert Avatar de Danyel
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Juillet 2005
    Messages
    1 699
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Juillet 2005
    Messages : 1 699
    Par défaut Input Radio sur Texte
    Salut all,

    J'ai un form avec des input radio qui fonctionne sans probleme, mais j'aimerai que lorsque l'on clique sur le texte qui suis, ca confirme le input radio correspondant.

    Voici le code actuel
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="radio" tabindex="1" name="abcde" id="abcde" onClick="appelmafunction(0)" /> <font style="color:#000000;"><strong>bla bla bla</strong></font>
    Donc, si l'utilisateur clique sur le texte bla bla bla, ca coche le radio.
    Eventuellement, que le curseur change en type lien sur le hover du texte.

    Merci pour votre aide.

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 209
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 209
    Par défaut
    Bonjour tout seul!
    il te suffit d'encadrer ton input par une balise LABEL
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <label style="color:#000;font-weight:bold;cursor:pointer;"><input type="radio" tabindex="1" name="abcde" id="abcde" onClick="appelmafunction(0)" />bla bla bla</label>
    au passage oublie les balises FONT et STRONG pour les remplacer par les propriétés style correspondantes

  3. #3
    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
    Il est préférable de séparer le label et l'input :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <label style="color:#000;font-weight:bold;cursor:pointer;" for="abcde">bla bla bla</label>
    <input type="radio" tabindex="1" name="abcde" id="abcde" onClick="appelmafunction(0)" />
    En notant que le contenu de l'attribut for correspond à l'id de l'élément lié, pas à son name
    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

  4. #4
    Membre Expert Avatar de Danyel
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Juillet 2005
    Messages
    1 699
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Juillet 2005
    Messages : 1 699
    Par défaut
    Merci a tous les 2

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

Discussions similaires

  1. Réponses: 3
    Dernier message: 06/04/2010, 11h56
  2. fonction avec if sur input radio qui ne renvoie pas la bonne valeur
    Par eddflo dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 08/06/2009, 01h20
  3. Impossible de sélectionner le contenu de champs input de type texte sur IE 6 / 7
    Par Lo-chan dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 03/06/2008, 16h23
  4. Style different entre un input.text et un input.radio
    Par titan_33 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 18/09/2007, 20h02
  5. Agir sur les input radio et text
    Par jerome38000 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 10/01/2007, 11h00

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