Discussion :

[silverockets]

Bonjour à tous.
Après avoir passé pas mal de temps à chercher une solution sur les forums, je n'ai pas trouvé une solution à mon problème.
V'la le topo
J'ai un formulaire composé de nombreux input de type radio mais qui ont des noms différents et le nombre d'input pour chaque nom n'est pas le meme. Ils ont tous la meme classe "required".
J'aimerais mettre en place la vérification de tous les input à la fois plutot que de les tester un par un. Seulement voila, quand je mets des codes en place, il me compte le nombre de input total.

Existe-t-il une fonction qui permettrait de compter le nombre de réponse possible dans la page, c'est à dire le nombre de input en les groupant par nom en quelque sorte.
Le problème n'est pas facile à expliquer donc un petit exemple s'impose je pense.
imaginons ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<input type="radio" name="input1" value=1 class="required">1</input>
<input type="radio" name="input1" value=2 class="required">2</input>
<input type="radio" name="input1" value=3 class="required">3</input>
<input type="radio" name="input1" value=4 class="required">4</input>
 
<input type="radio" name="input2" value=1 class="required">1</input>
<input type="radio" name="input2" value=2 class="required">2</input>
<input type="radio" name="input2" value=3 class="required">3</input>
 
<input type="radio" name="input3" value=1 class="required">1</input>
<input type="radio" name="input3" value=2 class="required">2</input>

Le but est de compter le nombre de name différents en fin de compte et voir si l'un des inputs n'a pas été coché.

J'espere avoir été clair. Merci d'avance pour vos lumières !

[Arnaud F.]

Bonjour,

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function CountDistinctName()
{
    var inputs = Array();
    $(".required").each(function(index, item)
    {
        var n = $(item).attr("name");
        if(inputs.indexOf(n) == -1) { inputs.push(n); }
    });
 
    return inputs.length;
}

[Arnaud F.]

Ou alors, écrire son propre sélecteur :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$.extend($.expr[':'], {
    distinctNames : function(elem, index, params) {
        // Contient le sélecteur passé en paramètre
        selector = params[3];
 
        return (
           // Il faut que l'élément parcouru corresponde au sélecteur
           $(selector).index(elem) != -1
           // Il faut que l'élément parcouru ai un attribut "name"
        && ($(elem).attr('name') != null)
           // Il faut que l'index de l'élément parcouru soit égal à l'index du premier élément ayant le même valeur pour l'attribut name
        && $(selector).index(elem) == $(selector).index($("[name=" + $(elem).attr('name') + "]")));
    }
});

A utiliser de la sorte :

Code :

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

1
2
3
 
// Renvoi le nombre de name différent correspond au sélecteur passé en paramètre.
$("input:distinctNames(.required)").length

[Bovino]

Ou alors mettre un checked par défaut au premier input de chaque groupe, du coup, plus besoin de vérification

[silverockets]

Merci bien arnaud, la premiere fonction était nickel. J'ai pas essayé la deuxième parce que je ne la pigeais pas et je n'avais pas le temps de m'y arreter. J'essaierais de capter le truc plus tard.

Merci encore !!

[Arnaud F.]

Bon, encore une manière de faire :

Code :

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

1
2
3
4
5
 
function CountDistinctNames(selector)
{
    return $.unique($.map($(selector), function(item) { return $(item).attr("name"); })).length;
}