Récuperer la valeur d'un radio en ajax

[vespa]

Bonjour,

J'ai un formulaire :

        <table>
        <form method="post" onsubmit="ajout(this); return false;" >

   <tr><td>
        <input type="hidden" value="'.$uid.'" name="uid">


        <label>Nouvelle tâche</label><br /><br />
        <textarea name="description" rows="5" cols="40"></textarea>
</td><td>
        <input type="radio" name="color" value="#94ac3d;"  />Vert<br />
        <input type="radio" name="color" value="#b64a88;"  />Rose<br />
        <input type="radio" name="color" value="#cfba5a;"  />Jaune<br />



        <input type="submit" value="ajouter" class="submit" />
   </td></tr>




        </form>
    </table>

et la fonction ajax

function ajout(form)
{

  xhr_mc = instanceAjax();

  xhr_mc.onreadystatechange = function()
  { 

    if(xhr_mc.readyState == 4)
    {
		if(xhr_mc.status  == 200)	
		{
			// fonctionne 
			document.getElementById('affichage').innerHTML = xhr_mc.responseText; 
					}
		else 
			// ne fonctionne pas
			document.getElementById('affichage').innerHTML = "Error code : " + xhr_mc.status;
    }
  };

  var data = 'description=' + form.description.value + '&color=' + form.color.value + '&uid=' + form.uid.value;

  xhr_mc.open( "POST", "ajout.php",  true); 
  xhr_mc.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  xhr_mc.send(data); 
}

Je récupère mes valeurs sauf celle provenant du radio sélectionnée, là ça m'affiche "undefined" ...

Merci pour votre aide

[Ernestine]

Salut,

La façon dont tu récupères la valeur du bouton radio coché n'est pas bonne. En javascript, il faut boucler sur les boutons radio pour repérer lequel est coché :

var radios = document.getElementsByName("color");
for (i=0; i<radios.length; i++)
	if (radios[i].checked)
		var couleurChoisie = radios[i].value;

Note cependant qu'avec jQuery (je te conseille vraiment de l'utiliser surtout si tu fais de l'ajax), la même chose se fait beaucoup plus facilement, en une seule ligne :

var couleurChoisie = $('input[type=radio][name=color]:checked').attr('value');

[vespa]

Yep, Merci Ernestine pour ces infos