Récupérer en javascript une variable envoyée par radio buttom

Version imprimable

Bonjour les amis,

J'ai un formulaire avec deux boutons radios qui sont appelés (actions).
Action[0] = modifier, action[1] = supprimer
Avant d'envoyer le formulaire, je le contrôle par javaScript comme ceci:
Code:

1 2 3 4 5 6 7 8 9 <SCRIPT LANGUAGE = "JavaScript"> function verifForm2(form2){ if(confirm("Etes-vous certain de ce message ?")){ form2.submit(); } } /*ceci marche nickel mais ce n'est pas ce que je voudrais écrire. Je voudrais écrire (Etes-vous certain de modifier ce message) si le boutton action dont la valeur est modifiée est cochée et supprimer dans l'autre cas.*/ </SCRIPT>
Votre aide me sera très précieuse.
Je vous remercie beaucoup

07/02/2008, 09h04
le_chomeur
Salut :)

au moment du post vérifis quelle case est la valeur du bouton radio coché puis ajoute le en string dans ton confirm :
Code:

1 2 3 4 5 6 7 8 function verifForm2(form2){ var choix = ICI TU RECUPERE LA VALEUR DE TON BOUTON RADIO if(confirm("Etes-vous certain "+choix+" de ce message ?")){ form2.submit(); } }
voila , je te laisse tout de même le soins de coder ;)
07/02/2008, 09h10
SpaceFrog

oui sauf qu'il est préférable de passer par le onsubmit que de faire une soumission dynamique ...

ça ne marche pas.
Voici ce que j'ai fait et ça me dit undefiened

Code:

1
2
3
4
5
6
7
8
9
<SCRIPT LANGUAGE = "JavaScript">
function verifForm2(form2){
var choix = form2.valider.value;
if(confirm("Etes-vous certain de "+choix+" ce message?")){
form2.submit();
}
 
}
</SCRIPT>

07/02/2008, 10h19
SpaceFrog

form2 c'est quoi au juste ???
tu mélanges un peu tout là je crois ...

fais attention à ton paramètre ...
là tu confonds le form et le message ...

Bon voila un exemple complet basé sur le onsubmit ( merci spaffy )

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<SCRIPT LANGUAGE = "JavaScript">
function verifForm2(){
var choix = null;
var lstBtnRadio = document.forms[0].elements['test'];
for(var i = 0 ; i < lstBtnRadio.length ; i++){
if(lstBtnRadio[i].checked){
choix =lstBtnRadio[i].value;
break;
}
}
 
return confirm("Etes-vous certain de "+choix+" ce message?") 
}
</SCRIPT>
</head>
 
<body>
<form onsubmit="return verifForm2()">
<input type="radio" name="test" value="modifier" />
<input type="radio" name="test" value="supprimer"/>
<input type="submit" value="on submit" />
</form>
</body>
</html>

07/02/2008, 10h40
SpaceFrog

il manque juste l'action ... mais sinon c'est ça ;)
07/02/2008, 11h12
Alexandrebox

Merci beaucoup Le_chomeur

Je vais tester tout ça et te redis. :king:

Merci à vous tous.
Le code, je l'ai copié tel et ça ne marche pas. Erreur sur la page.
Le mien marchait sauf qu'il me donnait pas la valeur. Le_Chomeur, stp, est ce que tu peux m'aider à voire clair dans mon code. Pourquoi j'ai des erreurs sur la page?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
<SCRIPT LANGUAGE = "JavaScript">
function verifForm2(form2){
var choix = null;
var btnRadio = document.form2[0].elements['valider'];
 
for(var i = 0 ; i < btnRadio.length ; i++){
 
if(btnRadio[i].checked){
choix = btnRadio[i].value;
break;
}
 
}
 if (confirm("Etes-vous certain de "+choix+" ce message?") ){
 form2.submit();
 }
}
</SCRIPT>
 
 
 
<form name="form2" method="post" action="pageadmin.php" onSubmit="return verifForm2(form2)">
<input type="radio" name="valider" value="supprimer">
<input name="valider" type="radio" value="modifier" checked>
<input name="Submit2" type="button"  value="Valider l'action" onClick= "return verifForm2(form2)">

Merci beau Le_chomeur

07/02/2008, 14h48
Alexandrebox

Je ne sais pas où se trouve l'erreur. Je vais encore chercher voir
D'avance je vous remercie beaucoup

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<SCRIPT LANGUAGE = "JavaScript">
function verifForm2(form2){
var choix = null;
var btnRadio = document.forms[0].elements['valider'];
 
for(var i = 0 ; i < btnRadio.length ; i++){
 
if(btnRadio[i].checked){
choix = btnRadio[i].value;
break;
}
 
}
 if (confirm("Etes-vous certain de "+choix+" ce message?") ){
 form2.submit();
 }
}
</SCRIPT>
</head>
 
<body>
<form name="form2" method="post" action="pageadmin.php" onSubmit="return verifForm2(form2)">
<input type="radio" name="valider" value="supprimer">
<input name="valider" type="radio" value="modifier" checked>
<input name="Submit2" type="button"  value="Valider l'action" onClick= "return verifForm2(form2)">
</body>
</html>

Voir tes MP

[/CODE]

07/02/2008, 15h07
Alexandrebox

Merci beaucoup Le_Chomeur.
J'ai cru que forms était le nom de mon formulaire. :D
Erreur de débutant. Je vais clore cette discussion alors. Merci beaucoup

Je n'ai rien changé sur le code.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <SCRIPT LANGUAGE = "JavaScript"> function verifForm2(form2){ var choix = null; var btnRadio = document.forms[0].elements['valider']; for(var i = 0 ; i < btnRadio.length ; i++){ if(btnRadio[i].checked){ choix = btnRadio[i].value; break; } } if (confirm("Etes-vous certain de "+choix+" ce message?") ){ form2.submit(); } } </SCRIPT>
Pas de message d'erreur cette fois-ci mais voici la réponse qu'elle me donne :

Citation:

Etes-vous certain de null ce message?

Peut-être ai-je loupé quelque chose. D'avance je vous remercie

07/02/2008, 15h24
le_chomeur
Ceci arrive si aucune de tes bouton radio ne sont cochées :)
fait une vérification juste avant, demandant a l'utilisateur de cocher une des cases ...
Code:

1 2 3 4 5 6 7 8 9 if(choix != null){ if (confirm("Etes-vous certain de "+choix+" ce message?") ){ form2.submit(); } } else{ alert("Veuillez sélectionner un choix"); }

Le bouton "modifier" est par défaut coché. Normalement il devrait au moins retourner la valeur de cette case là.

Code:

1
2
3
4
<form name="form2" method="post" action="pageadmin.php" onSubmit="return verifForm2(form2)">
<input type="radio" name="valider" value="supprimer">
<input name="valider" type="radio" value="modifier" checked>
<input name="Submit2" type="button"  value="Valider l'action" onClick= "return verifForm2(form2)">

07/02/2008, 15h44
le_chomeur

Effectivement , étrange , de mon coté cela fonctionne sous ie7 et firefox , sur quel navigateur es tu ?
07/02/2008, 16h04
Alexandrebox

Je suis sous Internet 7 aussi.
Si ça fonctionne chez toi, il doit dans ce cas y avoir un problème avec ma machine. Je vais encore voir.

Merci beaucoup pour ta patience et ton aide.