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 :

Afficher champ selon radio bouton


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éprouvé
    Profil pro
    Inscrit en
    Juin 2013
    Messages
    1 225
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2013
    Messages : 1 225
    Par défaut Afficher champ selon radio bouton
    bonjour,

    J'ai formulaire avec des radio boutons et selon celui qui est coché, je souhaite afficher tel ou tel champs. Par défaut, dieselN est coché:
    Voici ce que j'ai fait qui ne fonctionne pas:
    Code JS : 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
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    $('checked[name="diesel"]').change(function() { // lorsqu'on change de bouton
        var valeur= $(this).val(); 
        if(valeur == 'dieselO') {
            $('#mTVACar').show();
            $('#mHT').show();
            $('#taux').show();
            $('#mTVA').show();
            $('#mTTC').show();
        } else{
            $('#mTVACar').hide();
            $('#mHT').hide();
            $('#taux').hide(); 
            $('#mTVA').hide();  
            $('#mTTC').hide();  
        }
        if(valeur == 'dieselN') {
            $('#precision').show();
            $('#mHT').show();
            $('#taux').show();
            $('#mTVA').show();
            $('#mTTC').show();
        } else{
            $('#precision').hide();
            $('#mHT').hide();
            $('#taux').hide(); 
            $('#mTVA').hide();  
            $('#mTTC').hide();  
        }
    }).trigger('change'); //Permet de réafficher les champs dépendant de la valeur du bouton radio en cas d'erreur

    Merci de votre aide

  2. #2
    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
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $('checked[name="diesel"]')
    A moins que tu aies des balises <checked> dans ton code, je ne vois pas comment ça pourrait marcher...

    Je crois qu'il serait important pour toi d'apprendre un minimum jQuery et commencer notamment par les sélecteurs ! Parce que dans tes innombrables messages sur ce même sujet que tu as posté, il semble que tu aies de grosses lacunes à ce sujet, ce qui se traduit (en dehors de tes codes qui ne marchent pas) par une quantité non négligeable de code redondant et facilement factorisable !
    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

  3. #3
    Membre éprouvé
    Profil pro
    Inscrit en
    Juin 2013
    Messages
    1 225
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2013
    Messages : 1 225
    Par défaut
    J'ai réussi à faire çà mais quand je coche Oui, je n'arrive à avoir que mTVACar, par les autres et quand c'est Non, j'arrive à avoir tout:
    Code JS : 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
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    if(valeur == 'Autres') {
        $('#diesel').show();
        $('input:radio[name="d"]').click(function() { // lorsqu'on change de bouton 
            var valeur= $(this).val(); 
            if(valeur == 'dieselO') {
                $('#mTVACar').show();
                $('#mHT').show();
                $('#taux').show();
                $('#mTVA').show();
                $('#mTTC').show();
            } else{
                $('#mTVACar').hide();
                $('#mHT').hide();
                $('#taux').hide(); 
                $('#mTVA').hide();  
                $('#mTTC').hide();  
            }
            if(valeur == 'dieselN') {
                $('#precision').show();
                $('#mHT').show();
                $('#taux').show();
                $('#mTVA').show();
                $('#mTTC').show();
            } else{
                $('#precision').hide();
                $('#mHT').hide();
                $('#taux').hide(); 
                $('#mTVA').hide();  
                $('#mTTC').hide();  
            }
        });
    }else{
        $('#diesel').hide();
    }

Discussions similaires

  1. Afficher champ selon valeur sélectionnée
    Par totot dans le forum jQuery
    Réponses: 3
    Dernier message: 18/02/2014, 14h08
  2. Réponses: 5
    Dernier message: 20/12/2012, 16h27
  3. Réponses: 4
    Dernier message: 11/09/2010, 13h15
  4. afficher champs formulaire en fonction d'un bouton radio
    Par pod1978 dans le forum Général JavaScript
    Réponses: 0
    Dernier message: 02/04/2009, 11h50
  5. Afficher/cacher une liste selon des boutons radios
    Par Machin3000 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 21/01/2008, 18h26

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