Récuperer la valeur d'une case à cocher

Version imprimable

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

1 ere page contient un formulaire:
Code:

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:

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

21/05/2009, 00h23
Jumano

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

Salut,

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

Code:

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:

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:

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