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 :

Formulaire : toggle pour imposer un choix


Sujet :

jQuery

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    59
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2007
    Messages : 59
    Par défaut Formulaire : toggle pour imposer un choix
    Bonjour,

    Dans le cadre de mon stage, j'ai fait un devis pour un site internet (je peux le donner en MP)

    J'ai presque réussit à faire tout ce que je souhaitais sauf une fonctionnalité.

    J'ai deux radio buttons (oui ou non pour une même question) qui font apparaitre soit une liste déroulante soit une autre selon le choix. Le problème est que je n'arrive pas à imposer le choix d'une valeur de l'une des deux listes...

    J'avais mis des :

    - class="none" sur mes select de listes
    - et ajouté un toogle comme ceci :

    .toggle(function(){ $(this).addClass("validate[required]"); },function(){ $(this).removeClass("validate[required]"); });

    Mais cela ne fonctionne pas...

    J'aurai vraiment besoins de votre aide car je ne maitrise pas vraiment Jquery

    Merci beaucoup

  2. #2
    Membre averti
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    59
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2007
    Messages : 59
    Par défaut
    Bon... j'ai tenté une autre approche :

    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
    20
    21
    22
    23
    24
    25
    26
    27
    28
    jQuery("input[@name='enfants_charge']").change(function(){
    			alert('Hello world!');
        			if (jQuery("input[@name='enfants_charge']:checked").val() == 'oui')
    			{
    				alert('Hello world!');
    				jQuery("#departement").hide();
    				jQuery("#departement_conjoint").hide();
    				jQuery("#tr_departement").hide();
    				jQuery("#tr_departement_conjoint").hide();
     
    				jQuery("#dpt_residence").removeAttr("style");
    				jQuery("#tr_dpt_residence").removeAttr("style");
    				jQuery("#dpt_residence").addClass("validate[required]");
    			}	
        			else if (jQuery("input[@name='enfants_charge']:checked").val() == 'non')
            		{
    				jQuery("#dpt_residence").hide();
    				jQuery("#dpt_residence").removeClass("validate[required]");
     
    				jQuery("#departement").show();
    				jQuery("#departement_conjoint").show();
    				jQuery("#tr_departement").show();
    				jQuery("#tr_departement_conjoint").show();
     
    				jQuery("#departement").addClass("validate[required]");
    				jQuery("#departement_conjoint").addClass("validate[required]");
    			}
    		});
    Le hic c'est que je ne vois pas d'alerte... Je ne rentre donc pas ni dans la fonction ni dans le if. Un problème avec @name ?

    Merci

  3. #3
    Rédacteur
    Avatar de Arnaud F.
    Homme Profil pro
    Développeur COBOL
    Inscrit en
    Août 2005
    Messages
    5 183
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France

    Informations professionnelles :
    Activité : Développeur COBOL
    Secteur : Finance

    Informations forums :
    Inscription : Août 2005
    Messages : 5 183
    Par défaut
    Bonjour,

    en effet, il y a un problème dans le if, il n'y a simplement pas d'@

    Voir ici : http://api.jquery.com/attribute-contains-selector/

    Ce qui donne :

    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
    20
    21
    22
    23
    24
    25
    26
    27
    28
    jQuery("input[name='enfants_charge']").change(function(){
    			alert('Hello world!');
        			if (jQuery("input[name='enfants_charge']:checked").val() == 'oui')
    			{
    				alert('Hello world!');
    				jQuery("#departement").hide();
    				jQuery("#departement_conjoint").hide();
    				jQuery("#tr_departement").hide();
    				jQuery("#tr_departement_conjoint").hide();
     
    				jQuery("#dpt_residence").removeAttr("style");
    				jQuery("#tr_dpt_residence").removeAttr("style");
    				jQuery("#dpt_residence").addClass("validate[required]");
    			}	
        			else if (jQuery("input[name='enfants_charge']:checked").val() == 'non')
            		{
    				jQuery("#dpt_residence").hide();
    				jQuery("#dpt_residence").removeClass("validate[required]");
     
    				jQuery("#departement").show();
    				jQuery("#departement_conjoint").show();
    				jQuery("#tr_departement").show();
    				jQuery("#tr_departement_conjoint").show();
     
    				jQuery("#departement").addClass("validate[required]");
    				jQuery("#departement_conjoint").addClass("validate[required]");
    			}
    		});
    ++
    C'est par l'adresse que vaut le bûcheron, bien plus que par la force. Homère

    Installation de Code::Blocks sous Debian à partir de Nightly Builds

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    59
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2007
    Messages : 59
    Par défaut
    Ah merci !!!

    Apparemment, pour les version récentes, il n'y a plus besoin de le mettre

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

Discussions similaires

  1. Intercepter un formulaire web pour y remplir des champs
    Par rpoulin dans le forum Web & réseau
    Réponses: 7
    Dernier message: 04/03/2010, 15h12
  2. Réponses: 4
    Dernier message: 02/05/2007, 13h40
  3. [Conception] Formulaires identiques pour INSERT et UPDATE
    Par MiJack dans le forum PHP & Base de données
    Réponses: 15
    Dernier message: 16/06/2006, 11h34
  4. Réponses: 3
    Dernier message: 02/12/2005, 13h23
  5. [HTML] Formulaire/menu et liste de choix
    Par TwoChipies dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 17/11/2004, 16h32

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