Valeur de checkbox séléctionné à ajouter dans champs text

**bienchris** · 04/03/2010, 15h18

Bonjour,
Si quelqu'un peut m'aider,
je souhaite récuperer les valeurs de checkbox cochés et les mettre dans champs text à chaque fois que coche et chaque valeur dans le champs texte est séparer par des virgules. j'ai fait un permier avec mon code ci-dessous:

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
 
<SCRIPT LANGUAGE = "JavaScript">
<!--
function ChangeStatut(uploadForm)
{
	if(uploadForm.condition.checked == true)
	{
		for ( i=0 ; i < 3 ; i++ )
  		{ 
			if (uploadForm)
			{  
				document.forms[0].chkboxarray[i].checked=true;
				document.getElementById("choix").innerHTML="D&eacute;s&eacute;ctionner tous";
				uploadForm.valeur.value=document.forms[0].chkboxarray[i].value;
			}
		}
	}
	if(uploadForm.condition.checked == false)
	{
		uploadForm.valeur.value=uploadForm.condition.value;
		for ( i=0 ; i < 3 ; i++ )
  		{ 
			if (uploadForm)
			{  
				document.forms[0].chkboxarray[i].checked=false;
				document.getElementById("choix").innerHTML="S&eacute;l&eacute;ctionner tous";
			}
		}
	}
} 
function selection_trier(uploadForm)
{
	for ( i=0 ; i < 3 ; i++ )
  	{
		cocher=document.uploadForm.chkboxarray[i].checked;
		if(cocher=true)
		{
			alert(document.forms[0].chkboxarray[i].value);
		}
		uploadForm.valeur.value=document.uploadForm.chkboxarray[i].value;
	}
}
-->
</SCRIPT> 
<BODY>
<FORM name="uploadForm">
<INPUT TYPE="checkbox" NAME="chkboxarray" VALUE="nom1" onClick="selection_trier(this.form)">nom1<br>
<INPUT TYPE="checkbox" NAME="chkboxarray" VALUE="nom2" onClick="selection_trier(this.form)">nom2<br>
<INPUT TYPE="checkbox" NAME="chkboxarray" VALUE="nom3" onClick="selection_trier(this.form)">nom3<br>
<input type="checkbox" name="condition" value="tous" onClick="ChangeStatut(this.form)">
<span id="choix">S&eacute;l&eacute;ctionner tous</span><br>
Nom s&eacute;l&eacute;ctionn&eacute; <input type="text" name="valeur"><br>
 
</FORM>
</BODY>

à savoir si je coche le nom1, le javascript ajoute ceci dans le champs text.
Vous pouvez aussi me donner de lien de cours.
Merci de votre aide

**vermine** · 04/03/2010, 15h27

Bonjour,

Attention, vous passez à chaque fois dans le if et vous affichez de toute façon le dernier value des trois cases car cela est mal construit. Voila ce que ça devrait donner:

Code :

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

1
2
3
4
5
6
7
cocher=document.uploadForm.chkboxarray[i].checked;
if(cocher==true)
{
      alert(document.forms[0].chkboxarray[i].value);
      uploadForm.valeur.value=document.uploadForm.chkboxarray[i].value;
}

Seulement, il ne va afficher que le value de la dernière case cochée qui sera parcourue. Il faut peut-être faire qqch comme ceci:

Code :

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

1
2
 
uploadForm.valeur.value += document.uploadForm.chkboxarray[i].value + ", ";

Cependant, à chaque clic, vu que vous reconstruisez la chaine, il faudra avant tout la vider sinon il va garder d'anciennes valeurs:

Code :

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

1
2
3
4
function selection_trier(uploadForm)
{
   uploadForm.valeur.value = "";

**vermine** · 04/03/2010, 15h38

Pour virer la dernière virgule (et l'espace), vous pouvez ajouter ceci en fin de fonction:

Code :

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

1
2
3
4
5
 
if(uploadForm.valeur.value.length > 0)
{
      uploadForm.valeur.value = uploadForm.valeur.value.substring(0, uploadForm.valeur.value.length -2);
}

Par contre il faudra revoir la fonction pour la case "(Dé)Séléctionner tout".

Valeur de checkbox séléctionné à ajouter dans champs text

JavaScript

Vue hybride

Discussions similaires

Partager

Partager