Discussion :

[Eric5031]

Bonjour,

Je récupère actuellement des ID d'éléments d'un formulaire PHP via la fonction suivante :

Code :

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

1
2
3
4
5
 
var t = document.getElementsByTagName('input');
 
for (var index = 0; index < t.length; index++) {	
	alert(t[index].id);}

Seulement dans mon formulaire j'ai évidemment tout les ID que je souhaite mais aussi mes <input type="submit">. Qui eux n'ont pas d'ID, je ne souhaite donc pas les obtenir.

J'ai donc tenté ceci :

Code :

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

1
2
3
4
5
6
7
var t = document.getElementsByTagName('input');
 
for (var index = 0; index < t.length; index++) {
	if(t[index] === null || t[index] === undefined  || t[index] == ''){
 
               delete t[i];
         }

Mais lorsque le alert arrive au champ "submit", il m'affiche une box null, la suppresion n'a donc pas fonctionnée.

Pour éviter la suppression, je me demandais si il n'y avait pas moyen de récupérer seulement les élement ayant le tag INPUT ET ayant comme type CHECKBOX par exemple ?

[-Rpass-]

Code :

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

1
2
3
4
if(t[index] === null || t[index] === undefined  || t[index] == ''){
 
               delete t[i];
         }

D'ou provient le i ? Ne serait-ce pas index plutôt.

Et tu test t[index] or toi tu veux vérifier l'id de l'élément donc t[index].id

[SpaceFrog]

C'est là que l'on apprécie la puissance des sélecteurs de Jquery ...

[Eric5031]

Il suffit de ça

Code :

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

var t = $(":checked");

Pour résoudre mon problème ! Merci SpaceFrog !

[SylvainPV]

C'est là que l'on apprécie la puissance des sélecteurs de Jquery ...

Plus besoin de jQuery, on a querySelector maintenant

Code :

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

1
2
3
var inputs = document.querySelectorAll("input[id]");
 
var checkboxes = document.querySelectorAll("input[type='checkbox']");

[SpaceFrog]

Sur les navigateurs récents ...
Je suis de la vieille école

[SylvainPV]

Tu peux y aller sereinement maintenant, 95% de support et un polyfill de 15 lignes:
http://caniuse.com/#feat=queryselector
https://gist.github.com/chrisjlee/8960575

[Watilin]

Waw le polyfill de 15 lignes, ça m'a tout l'air d'être de la magie noire :

Code :

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

'{x-qsa:expression(document._qsa && document._qsa.push(this))}'

Enfin, c'est seulement pour les vieux IE donc du moment que ça marche…