Formulaire Html Problème avec les type radio [Résolu/Fermé]

Signaler
Messages postés
77
Date d'inscription
mercredi 26 novembre 2014
Statut
Membre
Dernière intervention
10 avril 2019
-
Messages postés
20
Date d'inscription
jeudi 18 juin 2015
Statut
Membre
Dernière intervention
31 juillet 2016
-
Bonjour,
Merci à toutes l'équipe pour ce magnifique travail que vous faites.
Je me dirige vers vous car j'ai fait un formulaire (méthode post) en html qui comporte :
1 champ email
et 5 champs radio avec chacun trois propositions
Le champ email s'enregistre très bien mais pour les champ radio il est claire que j'ai un problème quelque part. En effet la méthode post enregistre uniquement le dernier champ radio renseigne c'est a dire que si je coche la première variable puis je coche la deuxième variable puis la troisième et que je valide il ne m'enregistre que la troisième (la dernière sélectionnée).
J'ai fait quelque test en rajoutant cette fois checked="checked" dans mes input
et il s'avère que si je valide sans touché a rien le formulaire me donne les variable présélectionnez correctement.
mais a partir du moment ou je touche aux radio il bug.
Je met a votre disposition mon formulaire dans l'attente d'une réaction de votre part.
Je vous remercie d'avance et vous souhaite bon courage.


<form action="Pprofil.php" method="post">
                <div class="card wizard-card ct-wizard-green" id="wizard">
                
                <!--        You can switch "ct-wizard-azzure"  with one of the next bright colors: "ct-wizard-blue", "ct-wizard-green", "ct-wizard-orange", "ct-wizard-red"             -->
                
                    	<div class="wizard-header">
                        	<h3>
                        	   <b>Et vous</b>, vous en êtes où ?<br>
                        	   <small>Ces informations nous permettrons d'en savoir un peu plus sur vous et resterons strictement confidentiel.</small>
                        	</h3>
                    	</div>
                    	<ul>
                            <li><a href="#email" data-toggle="tab">Début</a></li>
                            <li><a href="#equipe" data-toggle="tab">Equipe</a></li>
                            <li><a href="#clients" data-toggle="tab">Clients</a></li>
                            <li><a href="#financeurs" data-toggle="tab">Financeurs</a></li>
                            <li><a href="#territoire" data-toggle="tab">Territoire</a></li>
                            <li><a href="#institution" data-toggle="tab">Institution</a></li>
                            
                        </ul>
                        <div class="tab-content">
                            <div class="tab-pane" id="email">
                              <div class="row">
                                  <div class="col-sm-12">
                                    <h4 class="info-text">Adresse mail</h4>
                                  </div>
                                  <div class="col-sm-12">
                                    <h5 class="info-text">Votre adresse email ne seras pas utilisé à des fin publicitaires ou marketing.</h5>
                                  </div>
                                  
                                  <div class="col-xs-5 col-md-6 col-lg-offset-3">
                                    <div class="form-group">
                                      <label for="exampleInputEmail1">Adresse Email :</label>
                                      <input type="email" class="form-control" name="email" id="exampleInputEmail1" placeholder="Saisissez votre adresse Email">
                                    </div>
                                  </div>
                                        
                                        
                                        
                                    
                              </div>
                            </div>
                            <div class="tab-pane" id="equipe">
                              <div class="row">
                                  <div class="col-sm-12">
                                    <h4 class="info-text">Commencons par les acteurs.</h4>
                                  </div>
                                  <div class="col-sm-12">
                                    <h5 class="info-text">Les vrais talents d'une équipe se révele par un positionnement efficace des ses menbres</h5>
                                  </div>
                                  
                                        <div class="col-md-4">
                                            <div class="choice" data-toggle="wizard-radio" rel="tooltip" title="Vous avez conscience des forces et des faiblesses de votre équipe.">
                                                <input type="radio" name="equipe" id="equipe1" value="vert">
                                                <div class="icon">
                                                    <i class="fa fa-check"></i>
                                                </div>
                                                <h6>Valider</h6>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="choice" data-toggle="wizard-radio" rel="tooltip" title="Vous devez attribuer et hierarchiser les rôles dans votre équipe, ainsi qu'instaurer une viabilitée.">
                                                <input type="radio" name="equipe" id="equipe2" value="orange">
                                                <div class="icon">
                                                    <i class="fa fa-thumbs-up"></i>
                                                </div>
                                                <h6>à approfondir</h6>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="choice" data-toggle="wizard-radio" rel="tooltip" title="Vous êtes à la recherche de votre profil entrepeneurial.">
                                                <input type="radio" name="equipe" id="equipe3" value="rouge" checked="checked">
                                                <div class="icon">
                                                    <i class="fa fa-thumbs-down"></i>
                                                </div>
                                                <h6>à elaborer</h6>
                                            </div>
                                        </div>
                                        
                                        
                                    
                              </div>
                            </div>
                            <div class="tab-pane" id="clients">
                                <h4 class="info-text">Votre cible</h4>
                                <div class="col-sm-12">
                                    <h5 class="info-text">Une relation client basée sur un positionnement et une trajectoire adéquats.</h5>
                                  </div>
                                <div class="row">
                                        <div class="col-md-4">
                                            <div class="choice" data-toggle="wizard-radio" rel="tooltip" title="Vous avez une perspective stratégique élaborée">
                                                <input type="radio" name="client" id="client1" value="vert">
                                                <div class="icon">
                                                    <i class="fa fa-check"></i>
                                                </div>
                                                <h6>Valider</h6>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="choice" data-toggle="wizard-radio" rel="tooltip" title="Vous avez ciblés votre activitée, la stratégie nécessaire, votre plan marketing et vos finances.">
                                                <input type="radio" name="client" id="client2" value="orange">
                                                <div class="icon">
                                                    <i class="fa fa-thumbs-up"></i>
                                                </div>
                                                <h6>à approfondir</h6>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="choice" data-toggle="wizard-radio" rel="tooltip" title="Vous êtes à la recherche du comportement à adoptés pour votre futur activitée.">
                                                <input type="radio" name="client" id="client3" value="rouge" checked="checked">
                                                <div class="icon">
                                                    <i class="fa fa-thumbs-down"></i>
                                                </div>
                                                <h6>à elaborer</h6>
                                            </div>
                                        </div>
                                        
                                        
                                    
                              </div>
                            </div>
                            <div class="tab-pane" id="financeurs">
                                <h4 class="info-text">Vos investisseurs</h4>
                                <div class="col-sm-12">
                                    <h5 class="info-text">Une relation avec des investisseurs qui vous apporterons un financement adapté et stable.</h5>
                                  </div>
                                <div class="row">
                                        <div class="col-md-4">
                                            <div class="choice" data-toggle="wizard-radio" rel="tooltip" title="Vous avez des alliés qui soutiennent votre projet et qui vous suffisent.">
                                                <input type="radio" name="financeur" id="financeur1" value="vert">
                                                <div class="icon">
                                                    <i class="fa fa-check"></i>
                                                </div>
                                                <h6>Valider</h6>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="choice" data-toggle="wizard-radio" rel="tooltip" title="Vous maitriser la viabilités et la rentabilités de votre projet mais vous avez besoin de trouver un moyen de financement.">
                                                <input type="radio" name="financeur" id="financeur2"value="orange">
                                                <div class="icon">
                                                    <i class="fa fa-thumbs-up"></i>
                                                </div>
                                                <h6>à approfondir</h6>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="choice" data-toggle="wizard-radio" rel="tooltip" title="Vous êtes à la recherche d'opportunuités.">
                                                <input type="radio" name="financeur" id="financeur3" value="rouge" checked="checked">
                                                <div class="icon">
                                                    <i class="fa fa-thumbs-down"></i>
                                                </div>
                                                <h6>à elaborer</h6>
                                            </div>
                                        </div>
                                      
                                        
                                    
                              </div>
                            </div>
                            <div class="tab-pane" id="territoire">
                                <h4 class="info-text">Votre géolocalisation</h4>
                                <div class="col-sm-12">
                                    <h5 class="info-text">S'installer dans un environnement propice au developpement de votre projet.</h5>
                                  </div>
                                <div class="row">
                                        <div class="col-md-4">
                                            <div class="choice" data-toggle="wizard-radio" rel="tooltip" title="Vous pensez avoir l'implantation optimal.">
                                                <input type="radio" name="territoire" id="territoire1" value="vert">
                                                <div class="icon">
                                                    <i class="fa fa-check"></i>
                                                </div>
                                                <h6>Valider</h6>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="choice" data-toggle="wizard-radio" rel="tooltip" title="Vous avez une selection de possibilités dans laquelle vous avez l'embarras.">
                                                <input type="radio" name="territoire" id="territoire2" value="orange">
                                                <div class="icon">
                                                    <i class="fa fa-thumbs-up"></i>
                                                </div>
                                                <h6>à approfondir</h6>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="choice" data-toggle="wizard-radio" rel="tooltip" title="La Terre est tellement grande qu'on ne sait plus ou poser le pied">
                                                <input type="radio" name="territoire" id="territoire3" value="rouge" checked="checked">
                                                <div class="icon">
                                                    <i class="fa fa-thumbs-down"></i>
                                                </div>
                                                <h6>à elaborer</h6>
                                            </div>
                                        </div>
                                      
                                        
                                    
                              </div>
                            </div>
                            <div class="tab-pane" id="institution">
                                <h4 class="info-text">Vos Statuts</h4>
                                <div class="col-sm-12">
                                    <h5 class="info-text">La mise en place d'une strucuture juridique adaptée</h5>
                                  </div>
                                <div class="row">
                                        <div class="col-md-4">
                                            <div class="choice" data-toggle="wizard-radio" rel="tooltip" title="Vous avez définies vos status et connaissez vos droits et devoirs.">
                                                <input type="radio" name="institution" id="institution1" value="vert">
                                                <div class="icon">
                                                    <i class="fa fa-check"></i>
                                                </div>
                                                <h6>Valider</h6>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="choice" data-toggle="wizard-radio" rel="tooltip" title="Vous avez fait une synthése de vos besoins et de vos souhaits mais vous ne parvenez pas à les mettres en place.">
                                                <input type="radio" name="institution" id="institution2" value="orange">
                                                <div class="icon">
                                                    <i class="fa fa-thumbs-up"></i>
                                                </div>
                                                <h6>à approfondir</h6>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="choice" data-toggle="wizard-radio" rel="tooltip" title="Vous avez évalués ls engagements necessaires et souhaitable.">
                                                <input type="radio" name="institution" id="institution3" value="rouge" checked="checked">
                                                <div class="icon">
                                                    <i class="fa fa-thumbs-down"></i>
                                                </div>
                                                <h6>à elaborer</h6>
                                            </div>
                                        </div>
                                      
                                        
                                    
                              </div>
                            </div>
                            

                            
                        </div>
                        <div class="wizard-footer">
                            	<div class="pull-right">
                                    <input type='button' class='btn btn-next btn-fill btn-success btn-wd btn-sm' name='next' value='Next' />
                                    <input type='submit' class='btn btn-finish btn-fill btn-success btn-wd btn-sm' name='finish' value='Finish' />
        
                                </div>
                                <div class="pull-left">
                                    <input type='button' class='btn btn-previous btn-fill btn-default btn-wd btn-sm' name='previous' value='Previous' />
                                </div>
                                <div class="clearfix"></div>
                        </div>	
                </div>
                </form>

2 réponses

Messages postés
20
Date d'inscription
jeudi 18 juin 2015
Statut
Membre
Dernière intervention
31 juillet 2016

Bonjour,
Je ne suis pas une pro mais je peux essayer de vous aider.
Tout n'est pas clair :

"En effet la méthode post enregistre uniquement le dernier champ radio renseigne c'est a dire que si je coche la première variable puis je coche la deuxième variable puis la troisième et que je valide il ne m'enregistre que la troisième (la dernière sélectionnée). "

Je ne suis pas sûre de comprendre : il n'y a qu'une option enregistrée pour les boutons radio...

Pourriez-vous fournir le contenu de Pprofil.php ?

Et en passant, vous devriez faire attention aux fautes d'orthographe...
Messages postés
20
Date d'inscription
jeudi 18 juin 2015
Statut
Membre
Dernière intervention
31 juillet 2016

Cela renvoie la dernière option...
array(3) { ["email"]=> string(18) "goy@monsite.fr" ["institution"]=> string(6) "orange" ["finish"]=> string(6) "Finish" }


On dirait qu'il perd les autres à chaque Next... Parce que sur une seule page il retourne bien les valeurs...
Messages postés
77
Date d'inscription
mercredi 26 novembre 2014
Statut
Membre
Dernière intervention
10 avril 2019
1
exactement mais uniquement pour les radio , en effet l'adresse mail s'enregistre bien.
Alors je ne voit pas où pourrait être le souci ?
Messages postés
20
Date d'inscription
jeudi 18 juin 2015
Statut
Membre
Dernière intervention
31 juillet 2016

Ma question va peut-être paraître idiote mais je l'ai dit, je ne suis pas du tout une pro, j'essaye juste d'aider...
Quelle est l'action du bouton "Next" ? Parce que s'il y a un display:none dans l'histoire, la valeur peut être perdue au moment du submit. En tout cas cela m'est arrivé, et peut-être que c'est tout à fait normal!
Messages postés
77
Date d'inscription
mercredi 26 novembre 2014
Statut
Membre
Dernière intervention
10 avril 2019
1
il y'a un display:none sur le bouton finish mais en l'enlevant sa ne résout pas le probléme
Messages postés
77
Date d'inscription
mercredi 26 novembre 2014
Statut
Membre
Dernière intervention
10 avril 2019
1
je pense avoir compris mon problème.
Mes champs radio ne font qu'un.
Je m'explique lorsque je met dans le code checked="checked" sur une valeur de chaque radio, que je fait que validé, celles si sont bien enregistre avec le bon nom des variables.
Mais lorsque je clic sur un bouton radio quelles qu'il soit sa annule tout les checked="checked" et en dirait que toutes mes 5 variables radio ne font plus qu'une et c'est pour cela que mon code n'enregistre que la dernière sélectionné avec le dernier nom de la variable.
Si vous êtes d'accord avec moi est ce que vous pouvez vous penchez sur mon problème.
peut être que cela vient du css du template ?
merci d'avance.
Messages postés
77
Date d'inscription
mercredi 26 novembre 2014
Statut
Membre
Dernière intervention
10 avril 2019
1
Me voila de retour avec la solution a mon problème.
En effet l'erreur venez de mon javascrpit dans lequel était écrit ceci : $(wizard).find('[type="radio"]').removeAttr('checked');
En réalité ce qu'il se passez c'est que dés l'instant ou je cliquez sur un bouton radio, mon javascript déselectionner tout mes autre bouton radio, j'ai donc remedié a cela en recopiant la fonction du js 5 fois (pour chacun de mes radio et au lieu de mettre type="radio" dans la fonction j'ai mis name="nom_de_ma_variable" et voila le tour est joué.
Je tenais a remercié les personnes qui ont pris du temps sur mon problème et les encouragés pour la suite.
Je félicite toute la communauté et leurs dit merci.
Messages postés
20
Date d'inscription
jeudi 18 juin 2015
Statut
Membre
Dernière intervention
31 juillet 2016

J'ai décroché suite à d'autres soucis qui m'ont accaparée, je tenais à m'en excuser.
Ravie que le problème ait été résolu! Bonne continuation.