Discussion :

[lodan]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[Invité]

Bonjour,
Peut-être :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Voir ICI

A+

[franculo_caoulene]

Salut,

Peut-être aussi utiliser serializeArray

[noobC]

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
voici mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[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+

[noobC]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[Jasou]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('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é