Comment passer plusieurs cases à l'aide de jQuery ajax post

c'est de l'ajax fonction

 function submit_form(){
 $.post("ajax.php", {
 selectedcheckboxes:user_ids,
 confirm:"true"
 },
 function(data){
  $("#lightbox").html(data);
  });
 }

et c'est ma forme

<form>
<input type='checkbox' name='user_ids[]' value='1'id='checkbox_1' />
<input type='checkbox' name='user_ids[]' value='2'id='checkbox_2' />
<input type='checkbox' name='user_ids[]' value='3'id='checkbox_3' />
<input name="confirm" type="button" value="confirm" onclick="submit_form();" />
</form>

InformationsquelleAutor ahmed | 2009-05-26

48

De l'jquery docs pour la POSTE (3ème exemple):
```
$.post("test.php", { 'choices[]': ["Jon", "Susan"] });
```
Donc, je voudrais juste faire une itération sur les cases cochées et construire le tableau. Quelque chose comme
```
var data = { 'user_ids[]' : []};
$(":checked").each(function() {
  data['user_ids[]'].push($(this).val());
});
$.post("ajax.php", data);
```
- je suis toujours incapable de le POSTER.. il donne l'objet de l'Objet si je fais une fenêtre.alerte pour les données... où peut être le problème??
- Ne devrait-elle pas être données.user_ids.push($(this).val()); ?
- eh bien, vous souhaitez que les données soient un objet avec une clé "user_ids[]" et d'une valeur d'un tableau de chaînes de caractères. (comme dans la première partie de mon post). Je vais conclure en $ depuis val est pas défini sur un nœud commun.
InformationsquelleAutor Paul Tarjan
16

Viens de tomber sur ce en essayant de trouver une solution pour le même problème. La mise en œuvre de Paul solution j'ai fait un peu de bricolage à faire de cette fonction correctement.
```
var data = { 'venue[]' : []};

$("input:checked").each(function() {
   data['venue[]'].push($(this).val());
});
```
En bref, le plus de l'entrée:vérifié par opposition à :vérifié limite le champs d'entrée dans le tableau de simplement les cases à cocher sur le formulaire. Paul est en effet correcte, avec this besoin d'être annexés comme $(this)

InformationsquelleAutor simnom
10

Pouvez utiliser les éléments suivants et ensuite exploser le poste résultat explode(",", $_POST['data']); donner un tableau de résultats.
```
var data = new Array();
$("input[name='checkBoxesName']:checked").each(function(i) {
    data.push($(this).val());
});
```
- dans "input[name='checkBoxesName']:checked" ne pas oublier de mettre "[]" dans le nom de la checkBoxesName, de cette façon: "input[name='checkBoxesName[]']:checked"
InformationsquelleAutor Phil Jackson

Voici un moyen plus souple.

disons que c'est votre forme.

<form>
<input type='checkbox' name='user_ids[]' value='1'id='checkbox_1' />
<input type='checkbox' name='user_ids[]' value='2'id='checkbox_2' />
<input type='checkbox' name='user_ids[]' value='3'id='checkbox_3' />
<input name="confirm" type="button" value="confirm" onclick="submit_form();" />
</form>

Et c'est votre jquery ajax ci-dessous...

                //Don't get confused at this portion right here
                //cuz "var data" will get all the values that the form
                //has submitted in the $_POST. It doesn't matter if you 
                //try to pass a text or password or select form element.
                //Remember that the "form" is not a name attribute
                //of the form, but the "form element" itself that submitted
                //the current post method
                var data = $("form").serialize(); 

                $.ajax({
                    url: "link/of/your/ajax.php", //link of your "whatever" php
                    type: "POST",
                    async: true,
                    cache: false,
                    data: data, //all data will be passed here
                    success: function(data){ 
                        alert(data) //The data that is echoed from the ajax.php
                    }
                });

Et dans votre ajax.php vous essayez écho ou print_r votre post pour voir ce qui se passe à l'intérieur. Cela devrait ressembler à ceci. Seuls les cases que vous avez cochées seront retournés. Si vous n'avez pas vérifié, il renvoie une erreur.

<?php 
    print_r($_POST); //this will be echoed back to you upon success.
    echo "This one too, will be echoed back to you";

Espère que c'est assez clair.

InformationsquelleAutor Adrian Fernando Alconera

2

Si vous n'êtes pas fixé sur le déploiement de votre solution, découvrez ce plugin jQuery:

malsup.com/jquery/form/

Il le fera plus pour vous. Il est fortement recommandé.

InformationsquelleAutor Gabriel Hurley
1

Ce serait mieux et facile
```
var arr = $('input[name="user_ids[]"]').map(function(){
  return $(this).val();
}).get();

console.log(arr);
```
- Principal avantage de cette option est qu'il vous permet de passer dans comme un élément de données en particulier, plutôt que l'ensemble de données de la valeur. par exemple. données: { valeur1: $("#valeur1").val(), valeur2: arr }
InformationsquelleAutor SagarPPanchal
1

La suite de Paul Tarjan a fonctionné pour moi,
```
var data = { 'user_ids[]' : []};
$(":checked").each(function() {
  data['user_ids[]'].push($(this).val());
});
$.post("ajax.php", data);
```
mais j'ai eu de multiples formes sur ma page et il a tiré des cases à cocher de toutes les formes, j'ai donc fait la modification suivante donc il a tiré à partir d'une forme,
```
var data = { 'user_ids[]' : []};
$('#name_of_your_form input[name="user_ids[]"]:checked').each(function() {
  data['user_ids[]'].push($(this).val());
});
$.post("ajax.php", data);
```
Il suffit de changer name_of_your_form le nom de votre formulaire.

Je vais aussi mentionner que si un utilisateur n'a pas cochez toutes les cases puis aucun tableau isset en PHP. J'ai besoin de savoir si un utilisateur décoché toutes les cases, j'ai donc ajouté les lignes suivantes à la forme,
```
<input style="display:none;" type="checkbox" name="user_ids[]" value="none" checked="checked"></input>
```
De cette façon, si pas de cases sont cochées, il sera toujours définir le tableau avec une valeur de "none".

InformationsquelleAutor Mike

Vous devez vous connecter pour publier un commentaire.