Formulaire : toggle pour imposer un choix

Version imprimable

25/08/2010, 11h15
newty

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

Bon... j'ai tenté une autre approche :

Code:

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 :)

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:

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]");
			}
		});

26/08/2010, 09h47
newty

Ah merci !!!

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