Action sur radio buttons

Bonjour à tous,

J'aurai besoin de votre aide car je butte bêtement sur un application toute simple de javascript sur des boutons radios.

Je souhaiterai effectuer une action sur les groupes de boutons radios qui ne sont pas cochés.

Etant donné que le "name" des différents groupes de boutons radios diffère par une variable, j'ai effectué le script suivant :

Code HTML :

Code:

---

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

<form action="index.html" method="GET" id="formulaire" name="formulaire"> <input type="radio" name="id_carrier_1" value="0"> <input type="radio" name="id_carrier_1" value="1">   <input type="radio" name="id_carrier_2" value="0"> <input type="radio" name="id_carrier_2" value="1"> <input type="radio" name="id_carrier_2" value="2">   <input type="radio" name="id_carrier_3" value="0"> <input type="radio" name="id_carrier_3" value="1">   <input type="submit" name="test" id="test"> </form>

---

Code JAVASCRIPT :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

<script type="text/javascript"> $(document).ready(function(){ $('#formulaire').submit(function() { var number_input = 3; for($i=1; $i<=number_input; $i++) { if ("input:radio[name='id_carrier_'"+$i+"]") alert($i); } }); }); </script>

---

Lorsqu'on teste ce code, on remarque que même si les boutons radios sont cochés, la fenêtre d'alerte s'ouvre.

Il y a je pense un problème de syntaxe au niveau de l'utilisation de la variable $i mais firebug ne m'en signale pas.

Pouvez-vous m'apporter votre aide s'il vous plait ?

Merci par avance.

Benjamin.

Code:

---

if ("input:radio[name='id_carrier_'"+$i+"]")

---

Apparemment, il y a une grosse différence entre ce que tu crois tester et ce que tu testes réellement.
Là en l'occurrence, ton test, c'est juste une chaine de caractères, dont l'équivalent booléen est donc true : on rentre systématiquement dans la condition !

Bonjour

Je ne comprends pas bien votre code JS.

Un exemple :

Code:

---

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

<form id="formulaire" name="formulaire"> <input type="radio" name="id_carrier_1" value="0" checked> <input type="radio" name="id_carrier_1" value="1">   <input type="radio" name="id_carrier_2" value="0" checked> <input type="radio" name="id_carrier_2" value="1"> <input type="radio" name="id_carrier_2" value="2">   <input type="radio" name="id_carrier_3" value="0" checked> <input type="radio" name="id_carrier_3" value="1">   <input type="submit" name="test" id="test"> </form>

---

Code:

---

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

$( "#formulaire" ).submit(function() {   /* * Liste les valeurs et l'état des * boutons radios. */ $( "input[name^='id_carrier_']" ).each( function( i, item ){ console.log( $( item ).val(), $( item ).prop( "checked" ) ); });   /* * Sans le return false, le formulaire * est soumis et la page est rechargée, * on ne verra jamais les résultats * dans la console du navigateur */ return false; });

---