[AJAX] recupération valeur bouton radio

Version imprimable

bonjour
je voudrais récupérer la valeur du bouton radio coché

voici le code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
PHP:
<script type="text/javascript" src="ajax.js"></script>
 <form method="post" onsubmit="signin(this.nom.value,this.prenom.value,this.genre.value);return false" action="signin.php">
    <div id="msg"></div>
    <table width="500" border="0" cellspacing="0">
      <tr>
        <td>Nom:</td>
        <td><input name="nom" type="text" /></td>
      </tr>
      <tr>
        <td>prénom:</td>
        <td><input name="prenom" type="text" /></td>
      </tr>
      <tr>
        <td>sexe:</td>
        <td>
        <input type="radio" name="genre" value="h" >Homme<br>
        <input type="radio" name="genre" value="f">Femme </td>
</form>

la fonction Ajax.js

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
PHP:
function signin(nom,prenom,genre)
{
    var OAjax;
    if (window.XMLHttpRequest) OAjax = new XMLHttpRequest();
    else if (window.ActiveXObject) OAjax = new ActiveXObject('Microsoft.XMLHTTP'); 
    OAjax.open('POST',"signin.php",true);
    OAjax.onreadystatechange = function()
    {
        if (OAjax.readyState == 4 && OAjax.status==200)
        {
            if (document.getElementById) 
            {    
                if (OAjax.responseText =='true') {
                alert('l\'opération c\'est bien passé');    
                document.getElementById('msg').innerHTML='';        
                }else{
                document.getElementById('msg').innerHTML=OAjax.responseText;
                }
            }
        }
    }
    OAjax.setRequestHeader('Content-type','application/x-www-form-urlencoded');
    OAjax.send('nom='+nom+'&prenom='+prenom+'&genre='+genre);
}

signin.php

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
$erreurs=array();//tableau qui stocke les erreurs.
 
if($_POST['nom']==""){
    $erreurs[]='Entrer votre nom';
}
 
if($_POST['prenom']==""){
    $erreurs[]='Entrer votre prénom';
}
 
if($_POST['genre']==""){
    $erreurs[]='Entrer votre sexe';
}
 
if(count($erreurs)==0)
{
 
    if (!mysql_pconnect('localhost','root','')) {print "OpenSQL_Cyber, mysql_connect"; exit;}
    if (!mysql_select_db('personne')) {print "OpenSQL_Cyber, mysql_select_db, ".mysql_error(); exit; }
 
    $req="select id from client where nom='".$_POST['nom']."' and prenom='".$_POST['prenom']."' ";
 
    if (!$res=mysql_query($req)) 
    {
         print $req."<br>".mysql_error();
    }
    elseif (mysql_num_rows($res)>0) 
    {
        print "doublons:";
    }
    else
    {    
            $req="insert into client (";
            $req.="nom, prenom, sexe ";
            $req.=") values (";
            $req.="\"".$_POST['nom']."\", \"".$_POST['prenom']."\",\"".$_POST['genre']."\")"; 
    print $req;
            if (!$res=mysql_query($req)) {print "Erreur<br>".$req."<br>: ".mysql_error();}
            else
            {    
                $newID=mysql_insert_id();
            }
     }
//ici tu enregistres les valeurs dans la bdd 
    echo "true";//cette valeur sera traité par ajax est vaut dire que tt passe pour le bien
}
else
{
    echo "<p class='erreur'>";
        for($i=0;$i<count($erreurs);$i++)
        {
        echo "- ".$erreurs[$i].".<br />";
        }
    echo "</p>";
}

tous marche bien sauf que le genre est undefined, je n'arrive pas à le recupérer

merci bien pour votre aide

22/01/2009, 16h33
RomainVALERI
Même si c'est plutôt du PHP qui pose problème ici, je vais te répondre quand même sur un point :
Ton test sur $_POST['genre'] ne fait qu'une comparaison avec une chaine vide, ce qui ne peut pas arriver, car c'est soit "undefined", soit "f", soit "v" donc il faut remplacer cette vérification par :
Code:

1 2 3 4 5 6 7 // ... if(!isset($_POST['genre'])){ $erreurs[]='Entrer votre sexe'; } // ...
Cela dit, ton problème cesserait d'exister si tu donnais une valeur par défaut selected="selected" à l'un des deux boutons radio, qui serait remplacée (le cas échéant) par un clic utilisateur sur l'autre bouton, mais garantirait qu'une valeur existe. ^^
22/01/2009, 16h48
stomerfull

merci bien pour la réponse mais étant novice en ajax , je pense que mon probleme se trouve sur la ligne(j'ai mis en gras) :

Code:

<form method="post" onsubmit="signin(this.nom.value,this.prenom.value,this.genre.value);return false" action="signin.php">

je pense que ç'est pas la bonne syntaxe pour récupérer la valeur d'un bouton radio.
On m'a dit aussi de verifier la valeur de la bouton radio et son attribut checked mais sait pas quoi faire

merçi :(
22/01/2009, 17h11
RomainVALERI

Citation:

Envoyé par mamyh4

... et son attribut checked ...

Oui, d'ailleurs j'ai fait deux confusions je crois (:aie::aie:)

- j'avais mal vu l'envoi de la valeur ^^

this ---> le formulaire
this.genre ---> le groupe de boutons radio ayant ce name
this.genre.value ---> n'existe pas car on essaie d'accéder à la propriété "value", non pas d'un élément, mais d'une collection (ici deux éléments)

- tu as raison c'est bien "checked" et non "selected" mais le principe est le même : il faut une valeur par défaut.