checkboxes et objet javascript

Bonjour à tous,

J'ai un formulaire avec des checkboxes

Code:

---

1 2 3 4 5

... <input type="checkbox" value="1" name="blocs_id[]"> <input type="checkbox" value="2" name="blocs_id[]"> <input type="checkbox" value="3" name="blocs_id[]"> ...

---

Je récupère l'ensemble du formulaire avec

Code:

---

1 2 3

var mon_contenu_form = $("#mon_form").serializeArray(); // qui donne mon_contenu_form = [{name:'input_name', value:'input_value'}, ...]

---

Mais, je dois au final avoir un objet avec cette structure pour transférer vers le backend:

Code:

---

obj['input_name'] = input['input_value']

---

Donc je tente ceci

Code:

---

1 2 3 4 5 6

var datas = Object(); for(var i in mon_contenu_form) { var key = mon_contenu_form[i].name; datas[key] = mon_contenu_form[i].value; }

---

Ce qui marche très bien pour tous les éléments du formulaire sauf pour les checkboxes qui sont sensées être regroupées dans un objet. Les variables des cb s'écrasent sur elles mêmes
Ce qui donne:

Code:

---

mon_contenu_form['blocs_id[]'] = 3

---

Hors je veux ceci

Code:

---

mon_contenu_form['blocs_id'] = [1,2,...]

---

Quelqu'un aurait-il une idée de comment réaliser cela?
Merci d'avance

My 2 cents: pourquoi ne pas utiliser l'attribut id en lieu et place de name.

Citation:

---

Envoyé par MaitreKaio

My 2 cents: pourquoi ne pas utiliser l'attribut id en lieu et place de name.

---

Parce que les valeurs ne seront pas envoyées lors de la soumission du formulaire si les name ne sont pas existants.

Concernant le problème initial, sans parler du var datas = Object() qui ne veut rien dire (on utilise en général var datas = {}), c'est tout à fait normal que les valeurs s'ajoutent, elles ont le même name ! Les tableaux n'existent pas dans les attributs HTML. HTML est un langage de markup, pas de programmation ;)

Dans ton cas, il est mieux que chaque input ait un name unique.

Je changerais également la partie backend afin qu'elle marche même si javascript n'est pas activé, c'est-à-dire qu'elle fonctionne avec les valeurs retournées par $.serializeArray.

Pourquoi ? Parce que le site doit marcher même si javascript n'est pas activé.

Salut

Citation:

---

Envoyé par F.Margaine

Parce que les valeurs ne seront pas envoyées lors de la soumission du formulaire si les name ne sont pas existants.

---

Exact

Citation:

---

Envoyé par F.Margaine

Concernant le problème initial, sans parler du var datas = Object() qui ne veut rien dire (on utilise en général var datas = {})

---

Bin Object = {} c'est juste une façon de le marquer. Généralement j'utilise aussi {}

Citation:

---

Envoyé par F.Margaine

Dans ton cas, il est mieux que chaque input ait un name unique.

---

Pas bien, mon programmeur backend veux du []. Je vais pas me battre avec lui :)

Citation:

---

Envoyé par F.Margaine

Je changerais également la partie backend afin qu'elle marche même si javascript n'est pas activé, c'est-à-dire qu'elle fonctionne avec les valeurs retournées par $.serializeArray.
Pourquoi ? Parce que le site doit marcher même si javascript n'est pas activé.

---

Dans un monde idéal oui... mais pas de javascript pas de site dans mon cas. ;)

Pour la solution, la voici:
J'ai fait ça:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

$.each(dataForm, function() { if (datas[this.name]) { if (!datas[this.name].push) { datas[this.name] = [datas[this.name]]; } datas[this.name].push(this.value || ''); } else { datas[this.name] = this.value || ''; } });

---

Ou directement utiliser le plugin prévu à cet effet http://css-tricks.com/snippets/jquer...-form-to-json/

voilou