Discussion :

[rolls]

Bonjour à la communauté,
J'ai un formulaire avec 10 boutons radio et un bouton "ok" de type submit.
J'aimerai savoir comment tester si un des bouton radio est coché lorsque l'utilisateur clique sur ok.
D'avance merci

[Bovino]

Comment récupérer l'état de cases à cocher ?

[nenette95]

Code :

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

1
2
3
4
5
6
7
8
var MaxChoice = LaQuantiteDeCheckbox
for (i=1; i<MaxChoice+1;i++)
{
 	if (document.getElementById('Categ'+i).checked)
	{
               tes instructions
	}
}

Code html :

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

<input type="checkbox" id="Categ1" name="SonName" value="SaValeur"/>Le texte affiché<br>

bonne journée

[rolls]

Merci pour ta réponse.
J'ai réadapter le code de la faq et ca marche!

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function verifBoutonsRadio(){ 	
	var val=0;
	for(i=0; i<document.formListe.check.length; i++){			 			 
		if(document.formListe.check[i].checked){ 
			val=1;
		}
	}
	if(val==0){ 
		alert('Veuillez choisir une ligne!');
		return false;
	}else{
		return true;
	}		
}

[Bovino]

Il y a plus simple en utilisant le principe de Early return :

Code :

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

1
2
3
4
5
6
7
8
9
10
function verifBoutonsRadio(){ 
	for(i=0; i<document.formListe.check.length; i++){
		if(document.formListe.check[i].checked){ 
			return true; // Si on a trouvé une valeur, inutile de continuer
		}
	}
	// Si on arrive ici, c'est qu'aucune case n'est cochée
	alert('Veuillez choisir une ligne!');
	return false;
}

[rolls]

je viens de constater que lorsque j'ai une case à cocher,même si je la cocher, le système retourne le message

Code :

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

alert('Veuillez choisir une ligne!');

voici mon code

Code html :

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

1
2
3
4
5
6
<form method="post" action="UpdateServlet" onSubmit="return verifBoutonsRadio();">
   <input type="submit" name="modifier" value="Modifier" />
   <input type="submit" name="supprimer" value="Supprimer" />
   //les boutons radios sont afficher(dans un displaytag) par une classe java
 
</form