Discussion :

[loutoune54]

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 html :

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

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 :

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

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.

[Bovino]

Code :

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

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 !

[danielhagnoul]

Bonjour

Je ne comprends pas bien votre code JS.

Un exemple :

Code html :

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

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 :

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

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;
});