[JQuery] Récupérer la valeur un bouton radio en ajax et jquery

Version imprimable

20/08/2008, 15h59
lodan

[JQuery] Récupérer la valeur un bouton radio en ajax et jquery
Bonjour,

Sur un formulaire de saisie intensive, j'utilise jquery et ajax pour mettre à jour ma base de données et éviter les allez et retours de formulaire.

Pour récupérer un champ, je fait comme ceci :

Code:

bonbon = jQuery("#libelle").val();

Mais comment fait-on pour récupérer la valeur d'un bouton radio :
Code:

1 2 3 <input type="radio" name="forme" id="forme_1" value="1" />Rond <input type="radio" name="forme" id="forme_2" value="2" />Ovale <input type="radio" name="forme" id="forme_3" value="3" />Carre
Je n'ai rien trouvé la dessus et j'ai l'impression que c'est très particulier.

Merci pour votre aide.
20/08/2008, 22h25
Invité

Bonjour,
Peut-être :

Code:

$("input[@type=radio][@checked]").val();

ou

Code:

$("input[@name=forme][@checked]").val();

Voir ICI

A+
21/08/2008, 10h45
franculo_caoulene

Salut,

Peut-être aussi utiliser serializeArray

salut

je squatte parceque le sujet m'interesse également.
J'ai donc essayé la méthode du serialize qui est celle qui me convient mais j'obtiens pas le résultat voulu.
Lorsque je clic sur les checkbox j'ai des "on" "on"...qui s'affichent :question:
voici mon code:

Code:

1
2
3
4
5
6
7
8
<form> 
       <input class="checkbox" type="checkbox" name="en_attente" id="en_attente" /> <label for="en_attente">en attente</label>
       <input class="checkbox" type="checkbox" name="en_traitement" id="en_traitement" /> <label for="en_traitement">en traitement</label>
       <input class="checkbox" type="checkbox" name="traitee" id="traitee" /> <label for="traitee">traitée</label>
       <input class="checkbox" type="checkbox" name="supprimee" id="supprimee" /> <label for="supprimee">supprimée</label>
   </form>
 
<p><b>Results:</b> <div id="results"></div></p>

Code:

1
2
3
4
5
6
7
8
9
10
11
 $(":checkbox").click(showValues);
	  $("select").change(showValues);
	  showValues();
 
	function showValues() {
	  var fields = $(":input").serializeArray();
	  $("#results").empty();
	  jQuery.each(fields, function(i, field){
	    $("#results").append(field.value + " ");
	  });
	}

Je vois pas trop quoi modifier.

edit:
Par contre ce code l) marche mais n'est pas aussi pratique.

Code:

1
2
3
4
5
6
7
8
function showValues() {
      var str = $("form").serialize();
      $("#results").text(str);
    }
 
    $(":checkbox").click(showValues);
    $("select").change(showValues);
    showValues();

22/08/2008, 11h30
Invité

Bonjour,

Tu n'as pas mis les attributs "value" sur tes checkbox !
Et tu devrais mettre les attributs "name" à la même valeur pour créer un groupe (là c'est pas obligé).

A+

oops j'en oublie le html avec tout ca. Merci jlmag, pour moi ca marche.
Bien qu'inutile je repost le code:

Code:

1
2
3
4
5
6
7
8
9
10
11
	$(":checkbox").click(showValues);
	  $("select").change(showValues);
	  showValues();
 
	function showValues() {
	  var fields = $(":input").serializeArray();
	  $("#results").empty();
	  jQuery.each(fields, function(i, field){
	    $("#results").append(field.value + " ");
	  });
	}

Code:

1
2
3
4
   <form> 
       <input class="checkbox" type="checkbox" name="tri" value="0" id="en_attente" /> <label for="en_attente">en attente</label>
       <input class="checkbox" type="checkbox" name="tri" value="1" id="en_traitement" /> <label for="en_traitement">en traitement</label>
   </form>

05/03/2010, 14h56
Jasou

Ca date un peu mais j'ai trouvé un peu plus simple ici :

Code:

$('input[type=radio][name=opt1]:checked').attr('value'); //Retourne la valeur du radio sélectionné dans le groupe opt1. Retourne vide si aucun radio sélectionné