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 :

probleme de radio bouton


Sujet :

JavaScript

  1. #1
    Futur Membre du Club
    Profil pro
    Inscrit en
    Janvier 2006
    Messages
    18
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2006
    Messages : 18
    Points : 9
    Points
    9
    Par défaut probleme de radio bouton
    bonjour,

    j'aimerai que mes case radio soit visible ou non en fonction de ma liste deroulante...



    <form action="executer_commande.php" method="post">
    <select name="actionneur">
    <option value="lumiere"> lumiere</option>
    <option value="ventilateur"> ventilateur</option>
    </select>
    <input type="radio" name="nume" value="2" checked> 2
    <input type="radio" name="nume" value="1" checked> 1
    <input type="radio" name="etat" value="1" checked> marche
    <input type="radio" name="etat" value="0"> arret
    <input type="submit" value="valider">


    j'avais pensé faire un systeme en php, qui grace a un if ferai apparaitre ou non les radio, mais quand je reactualise, c'est toujours la variable lumieres qui est affiché dans le select...



    en fait, j aimerai que quand je selectionne lumieres, les "radios nume" soit invisible ou incochable...

    ou que quand je reactualise ma page, que ce ne soit pas systematiquement le select lumiere qui apparaisse.

  2. #2
    Expert éminent
    Avatar de Swoög
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    6 045
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France

    Informations forums :
    Inscription : Janvier 2003
    Messages : 6 045
    Points : 8 339
    Points
    8 339
    Par défaut


    alors pour ce qui est de rendre dynamiquement incochable nume, il y a ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    <script type="text/javascript">
    function modif_radio_nume()
    {
       var Select = document.getElementsByName('actionneur')[0];
       var lum = Select.options[Select.selectedIndex].value == "lumiere";
       var Radios = document.getElementsByName('nume');
       for(var i = 0; i < Radios.length; ++i) Radios[i].disabled = lum;
    }
    </script>
    <form action="executer_commande.php" method="post">
    <select name="actionneur" onchange="modif_radio_nume()">
    <option value="lumiere"> lumiere</option>
    <option value="ventilateur"> ventilateur</option>
    </select>
    <input type="radio" name="nume" value="2" checked> 2
    <input type="radio" name="nume" value="1" checked> 1
    <input type="radio" name="etat" value="1" checked> marche
    <input type="radio" name="etat" value="0"> arret
    <input type="submit" value="valider">
    pour le second problème (selection par défaut) il te faut mettre un su l'option que tu veux voir affiché par défaut...

  3. #3
    Futur Membre du Club
    Profil pro
    Inscrit en
    Janvier 2006
    Messages
    18
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2006
    Messages : 18
    Points : 9
    Points
    9
    Par défaut
    est ce que je pourrai avoir quelque explication sur la fonction en java script car je ne comprend pas son fonctionnement.

    merci

  4. #4
    Expert éminent
    Avatar de Swoög
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    6 045
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France

    Informations forums :
    Inscription : Janvier 2003
    Messages : 6 045
    Points : 8 339
    Points
    8 339
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
       var Select = document.getElementsByName('actionneur')[0];
       var lum = Select.options[Select.selectedIndex].value == "lumiere";
       var Radios = document.getElementsByName('nume');
       for(var i = 0; i < Radios.length; ++i) Radios[i].disabled = lum;
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
       var Select = document.getElementsByName('actionneur')[0];
    on récupère le select
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var lum = Select.options[Select.selectedIndex].value == "lumiere";
    est-ce que c'est lumiere qui est selectionné ?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var Radios = document.getElementsByName('nume');
    on récupère la liste des Radios només nume
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    for(var i = 0; i < Radios.length; ++i) Radios[i].disabled = lum;
    pour chaque radio nomé nume, on le désactive si lum est selectionné, on l'active sinon

Discussions similaires

  1. probleme radio bouton
    Par dentfree dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 23/05/2012, 15h48
  2. Probleme Affichage/Suppression boutons radio
    Par xEndLe dans le forum ActionScript 1 & ActionScript 2
    Réponses: 1
    Dernier message: 06/06/2009, 13h26
  3. Probleme avec les boutons radio
    Par aproust dans le forum Linux
    Réponses: 3
    Dernier message: 11/05/2006, 08h05
  4. probleme avec les radio bouton
    Par zola dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 08/06/2005, 09h52
  5. Radio-boutons
    Par akaii dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 01/12/2004, 10h44

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