Formulaire Html Problème avec les type radio

Résolu/Fermé
guedo Messages postés 77 Date d'inscription mercredi 26 novembre 2014 Statut Membre Dernière intervention 10 avril 2019 - 22 juin 2015 à 10:54
goyelle23 Messages postés 20 Date d'inscription jeudi 18 juin 2015 Statut Membre Dernière intervention 31 juillet 2016 - 22 oct. 2015 à 00:14
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>

A voir également:

2 réponses

goyelle23 Messages postés 20 Date d'inscription jeudi 18 juin 2015 Statut Membre Dernière intervention 31 juillet 2016
22 juin 2015 à 11:13
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...
0
guedo Messages postés 77 Date d'inscription mercredi 26 novembre 2014 Statut Membre Dernière intervention 10 avril 2019 1
22 juin 2015 à 11:47
c'est a dire que j'ai 5 variable radio: Equipe, client, finance, institution et territoire et chacune a trois propositions : vert, orange et rouge.
Si je renseigne vert pour equipe puis orange pour client, le var dump($_post) me retournera uniquement client = orange.
voici le contenue de Pprofil.php
<?php
var_dump($_POST);
include("coProfil.php");


$profil= new profil();

$profil->sendProfil();

?>


et celui de coProfil.php
<?php
include ("class_Pdo.php");



class profil{

  public $email;
  public $equipe;
  public $client;
  public $financeur;
  public $institution;
  public $territoire;
  private $co;

   public function __construct(){

    $this->email=$_POST["email"] ;
    $this->equipe=$_POST["equipe"] ;
    $this->client=$_POST["client"] ;;
    $this->financeur=$_POST["financeur"] ;
    $this->institution=$_POST["institution"] ;
    $this->territoire=$_POST["territoire"] ;
    $this->co = new PdoRdv();

   }

   function sendProfil (){
    
    echo $_POST["email"] ;
echo $_POST["equipe"] ;
echo $_POST["client"] ;;
echo $_POST["financeur"] ;
echo $_POST["institution"] ;
echo $_POST["territoire"] ;
    $res=$this->co -> SENDprofil($this->email, $this->equipe, $this->client, $this->financeur, $this->institution, $this->territoire);// connecte l'utilisateur sur l'application 
    
   
  }



}

?>


Merci
0
guedo Messages postés 77 Date d'inscription mercredi 26 novembre 2014 Statut Membre Dernière intervention 10 avril 2019 1
22 juin 2015 à 11:56
et désoler pour les fautes d'orthographes j'essaye de faire au mieux :))
0
hharchi9 Messages postés 567 Date d'inscription mercredi 18 décembre 2013 Statut Membre Dernière intervention 1 juillet 2015 24
22 juin 2015 à 13:00
Bonjour tout le monde,

Essaye de faire seulement un
var_dump
met en commentaires toutes les autres lignes de Pprofil.php
0
guedo Messages postés 77 Date d'inscription mercredi 26 novembre 2014 Statut Membre Dernière intervention 10 avril 2019 1
22 juin 2015 à 13:55
Bonjour,
Voila ce que sa me sort :
array (size=3)
'email' => string '.........@.......' (length=18)
'institution' => string 'orange' (length=6)
'finish' => string 'Finish' (length=6)
0
guedo Messages postés 77 Date d'inscription mercredi 26 novembre 2014 Statut Membre Dernière intervention 10 avril 2019 1
22 juin 2015 à 13:58
Toutefois en mettant checked="checked" dans une proposition pour chzaque variable et que je valide, le var_dump me ressort ceci
array (size=7)
'email' => string 'guedalia95@live.fr' (length=18)
'equipe' => string 'rouge' (length=5)
'client' => string 'rouge' (length=5)
'financeur' => string 'rouge' (length=5)
'territoire' => string 'rouge' (length=5)
'institution' => string 'rouge' (length=5)
'finish' => string 'Finish' (length=6)

J'ai l'impression que le clic de ma souris n'est pas pris en compte ou je sais pas parce que le dernier clic est pris en compte donc comment sa se fait que les choix précédent
ne fonctionnent pas ?
0
guedo Messages postés 77 Date d'inscription mercredi 26 novembre 2014 Statut Membre Dernière intervention 10 avril 2019 1
23 juin 2015 à 14:59
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.
0
goyelle23 Messages postés 20 Date d'inscription jeudi 18 juin 2015 Statut Membre Dernière intervention 31 juillet 2016
22 oct. 2015 à 00:14
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.
0