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 :

Griser bouton radio dans 2 formulaires diff�rents


Sujet :

JavaScript

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Janvier 2006
    Messages
    22
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2006
    Messages : 22
    Par d�faut Griser bouton radio dans 2 formulaires diff�rents
    Bonjour � tous,

    En fait, mon probl�me est le suivant:
    Je dispose de 2 formulaires sur une m�me page. Chaque formulaire est dans une div diff�rente. Chacun de ses formulaire contient 2 boutons radios.

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <form name="form1">
    <input type="radio" name="choix_internet2" /> Internet
    <input type="radio" name="choix_local2" /> Local<br>
    </form>
     
     
    <form name="form2">
    <input type="radio" name="choix_internet3" /> Internet
    <input type="radio" name="choix_local3"/> Local<br>
    </form>
    Ce que je souhaiterais, c'est griser le bouton radio "choix_internet3" lorsque je clique sur mon bouton radio "choix_internet2".
    Et inversement lorsque je clique sur mon bouton radio "choix_internet2".

    J'ai essay� de m'inspirer de divers code sur le net mais j'avoue que moi et le javascript c'est loin d'�tre le grand amour.

    Si quelqu'un aurait la solution � mon souci, �a serait vraiment excellent !!


    merci d'avance

  2. #2
    Expert �minent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Is�re (Rh�ne Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par d�faut
    Bonjour,
    en utilisant les ID, tu n'as pas � te soucier des formulaires
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <form name="form1">
    <input type="radio" name="choix_internet2" id="choix_internet2" onclick="document.getElementById('choix_internet3').disabled = true;"/> Internet
    <input type="radio" name="choix_local2" /> Local<br>
    </form>
     
     
    <form name="form2">
    <input type="radio" name="choix_internet3" id="choix_internet3" onclick="document.getElementById('choix_internet2').disabled = true;" /> Internet
    <input type="radio" name="choix_local3"/> Local<br>
    </form>
    A+

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Janvier 2006
    Messages
    22
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2006
    Messages : 22
    Par d�faut
    merci bcp pour ta r�ponse !! nickel !!
    Maintenant une derni�re petite question, est-ce qu'il est possible d'effectuer 2 actions sur mon seul �v�nement "onclick".

    Faire appel � une fonction javascript qui est d�j� cod� et en mm temps griser mon bouton radio gr�ce au code que tu viens de me donner ?

    J'ai fais le test en s�parant par une virgule et �a ne passe pas.

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    <form>
    <input type="radio" name="choix" onclick="show_div(1), document.getElementById('choix_internet3').disabled = true;" /> Internet
    <input type="radio" name="choix" onclick="show_div(2)" /> Local<br>
    </form>

  4. #4
    Expert �minent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Is�re (Rh�ne Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par d�faut
    Citation Envoy� par Run_974 Voir le message
    J'ai fais le test en s�parant par une virgule et �a ne passe pas.
    Rat� : en JS c'est le ";" le s�parateur d'instructions

    Ne connaissant pas le contenu de ta fonction, je te conseille plut�t l'inverse
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    onclick="document.getElementById('choix_internet3').disabled = true;show_div(1);"
    A+

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Janvier 2006
    Messages
    22
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2006
    Messages : 22
    Par d�faut
    Franchement, t'es un chef !! merci bcp !!! �a va me permettre de bien avancer !!!



+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. Boutons radio dans des lignes diff�rents.
    Par amine1980 dans le forum Java EE
    R�ponses: 0
    Dernier message: 04/02/2010, 13h00
  2. Boutons radio dans un formulaire dynamique
    Par nancyasp dans le forum G�n�ral JavaScript
    R�ponses: 1
    Dernier message: 23/09/2008, 17h21
  3. Bouton radio dans un formulaire
    Par anaaa dans le forum Struts 1
    R�ponses: 21
    Dernier message: 13/06/2007, 17h15
  4. boutons radios dans formulaire
    Par deepwrath dans le forum Langage
    R�ponses: 1
    Dernier message: 05/06/2007, 14h01
  5. Alignement boutons radio dans un formulaire en CSS
    Par totijax dans le forum Mise en page CSS
    R�ponses: 2
    Dernier message: 06/09/2006, 10h02

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