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

**Alexandrebox** · 07/02/2008, 06h15

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 :

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

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

**le_chomeur** · 07/02/2008, 09h04

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 :

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

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

**SpaceFrog** · 07/02/2008, 09h10

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

**Alexandrebox** · 07/02/2008, 10h13

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

Code :

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

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>

**SpaceFrog** · 07/02/2008, 10h19

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 ...

**le_chomeur** · 07/02/2008, 10h28

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

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

**SpaceFrog** · 07/02/2008, 10h40

il manque juste l'action ... mais sinon c'est ça

**Alexandrebox** · 07/02/2008, 11h12

Merci beaucoup Le_chomeur

Je vais tester tout ça et te redis.

**Alexandrebox** · 07/02/2008, 12h25

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 :

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

**Alexandrebox** · 07/02/2008, 14h48

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

**le_chomeur** · 07/02/2008, 14h57

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
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]

**Alexandrebox** · 07/02/2008, 15h07

Merci beaucoup Le_Chomeur.
J'ai cru que forms était le nom de mon formulaire.

Erreur de débutant. Je vais clore cette discussion alors. Merci beaucoup

**Alexandrebox** · 07/02/2008, 15h16

Je n'ai rien changé sur le code.

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

Etes-vous certain de null ce message?

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

**le_chomeur** · 07/02/2008, 15h24

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 :

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

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

**Alexandrebox** · 07/02/2008, 15h33

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

Code :

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

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)">

**le_chomeur** · 07/02/2008, 15h44

Effectivement , étrange , de mon coté cela fonctionne sous ie7 et firefox , sur quel navigateur es tu ?

**Alexandrebox** · 07/02/2008, 16h04

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.

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

JavaScript

Discussions similaires

Partager

Partager