Récuperer la valeur d'une case à cocher

**ledébut** · 20/05/2009, 22h41

Slt, voilà mon problème :
j'ai deux page sous la forme suivante :

1 ere page contient un formulaire:

Code html :

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

1
2
3
4
5
6
7
<form method="post" name="nouvelle">
 
<textarea type="text" id="newcom" name="newcom" rows="7" cols="40">Bonjour </textarea>
 
<input type="button" value="help" onClick="window.open('popup.html','popup','width=300,height=100,toolbar=false,scrollbars=false');">
 
</form>

la 2eme page 'popup.html' contient le script javascript + un autre formulaire :

Code html :

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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
function valeur(){
 
var select = document.getElementById("hexval"); 
 
for (i=0; i<select.length; i++) 
	{ 
		if(select.options[i].selected == true)
		{
 
 				window.opener.document.forms['nouvelle'].newcom.value += select.options[i].value;
 
 		}
	}
}
 </script>
 
</head>
<body>
<form name="form">
 
<input type="checkbox" id="hexval[]" name="hexval[]"   value="ca va ?">
<input type="button" onClick="valeur();" value="envoyer" >
 
</form>
</body>
</html>

alors là quand je clique sur le bouton envoyer j'obtient plus la valeur dans le textarea nouvelle par contre si j'essaie le meme script avec un champs de texte au lieu d'une case à cocher tout marche bien

mais moi je veux absolument que ça soit avec une case à cocher comment je peux faire ?. merci d'avance

**Jumano** · 21/05/2009, 00h23

Bonsoir,
Tu trouveras un début de réponse dans la FAQ : Comment récupérer l'état de cases à cocher ?

**emmanuel.remy** · 21/05/2009, 02h46

Salut,

Attention car sauf mauvaise compréhension de ma part, tu confonds checkbox et combobox. D'après ton code:

Code :

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

1
2
3
4
5
6
7
8
9
10
<html>
...<body>
<form name="form">
 
<input type="checkbox" id="hexval[]" name="hexval[]"   value="ca va ?">
<input type="button" onClick="valeur();" value="envoyer" >
 
</form>
</body>
</html>

tu veux traiter d'une checkbox hexval[], or tu inscris dans valeur():

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 valeur(){
 var select = document.getElementById("hexval"); 
 
for (i=0; i<select.length; i++) 
	{ 
		if(select.options[i].selected == true)
		{
window.opener.document.forms['nouvelle'].newcom.value += select.options[i].value;
 
 		}
	}
}
 </script>

Or il n'existe pas dans ton code d'id hexval et le seul approchant (hexval[]) est une checkbox. Car ce n'est pas parce que tu mets comme id ou comme name hexval[] que cela forme un tableau de de checkbox...
Je te propose cette piste qui utilise plusieurs checkbox (je pense que c'est ce que tu voulais faire au final)

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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
function valeur(){
   var inputs = document.forms['form'].getElementsByTagName("INPUT");
   for (var i=0;i<inputs.length;i++) {
      if (inputs[i].type=="checkbox" && inputs[i].checked) {
          window.opener.document.forms['nouvelle'].newcom.value += inputs[i].value;
      }
   } 
}
 </script>
 
</head>
<body>
<form name="form">
 
<input type="checkbox" name="hexval[]"   value="ca va ?">
<input type="checkbox" name="hexval[]"   value="ca va bien ?">
<input type="checkbox" name="hexval[]"   value="ca va tres bien ?">
<input type="button" onClick="valeur();" value="envoyer" >
</form>
</body>
</html>

ERE

Récuperer la valeur d'une case à cocher

JavaScript

Discussions similaires

Partager

Partager