Aide petit code javascript

**Founxi** · 17/05/2012, 21h30

Bonjour,

Je souhaite ajouter quelques retouche � cette source :

Je m'explique : Le code ci-dessous donc comme vous pouvez le constater il s'agit de valider un checkbox pour que la valeur appara�t dans le TEXTAREA.

Je souhaiterais ajouter un input text sur le quel un num�ro de chaque checkbox coch� s'affichera exemple :

Si je coche la checkbox NOM le num�ro "21452" s'affichera dans le champ input text ainsi que "Nom , " dans textarea.

ensuite, si je coche donc le 2�me checkbox le message s'affichera dans le textearea "pr�nom , et le num�ro 21452 sera remplac� par 36525

ainsi de suite...

--------------------------------------------------------------
Code source de 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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<script type="text/javascript">//<![CDATA[ 
 
var form; 
function change() { 
form = form || document.getElementById('form'); 
form.champ.value = ''; 
var i = -1; 
var cocher; 
while (cocher = form.cocher[++i]) { 
if (cocher.checked) { 
form.champ.value += cocher.title; 
}; 
}; 
}; 
 
</script> 
 
</head> 
<body> 
 
<form id="form" action="truc.htm" method="post"> 
<fieldset> 
<legend>champ</legend> 
<textarea name="champ" rows="10" cols="80"></textarea> 
</fieldset> 
<fieldset> 
<legend>Cases à cocher</legend> 
<label> 
<input type="checkbox" name="cocher" value="1x" 
onclick="change();" title="nom " /> 
Première valeur 
<input type="text" name="code" value="1x" 
onclick="change();" title="prenom " /> 
 
</label> 
<label> 
<input type="checkbox" name="cocher" value="2x" 
onclick="change();" title="adresse" /> 
Seconde valeur 
</label> 
<label> 
<input type="checkbox" name="cocher" value="3x sdflkj sdf" 
onclick="change();" title="ville" /> 
Troisième valeur 
</label> 
</fieldset> 
</form> 
 
</body> 
</html>

Merci d'avance

**NoSmoking** · 17/05/2012, 23h42

Bonsoir,

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

  form.champ.value += cocher.title +': ' +cocher.value +'\n';

peut �tre...
sinon pour tout remplacer

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

  form.champ.value = cocher.title +': ' +cocher.value; // sans le +

**Founxi** · 18/05/2012, 14h36

Bonjour,

Merci NoSmoking d'avoir r�pondu rapidement � mon message.

Cependant, Je ne comprend pas ta ligne,

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

form.champ.value += cocher.title +':5640 ' +cocher.value +'\n';

Lorsque je coche la case 1 le message apparait dans textarea

premi�re valeur :5640

et lorsque je coche les deux cases j'ai comme message dans le textarea :

premi�re valeur :5640 1x
seconde valeur:5640 2x

Donc les num�ro se r�p�tent...

Donc moi je souhaite pour chaque case contient son propre num�ro par exemple : case 1 5640
case 2 7945

Ainsi de suite... dans un input text qui se situera dessous de textarea

Peux tu me faire un exemple sur ma page s'il te pla�t Nosmoking ?

Merci d'avance.

**NoSmoking** · 18/05/2012, 15h03

peut �tre...

donc il semblerait que je n'ai pas bien saisi, ce qui est d'ailleurs toujours le cas

Je pense qu'il te faut mieux pr�ciser ce que tu as au d�part et ce que tu souhaites � l'arriv�e.

**Founxi** · 18/05/2012, 19h56

Bonsoir,

A la base j'ai un formulaire qui comporte Un textearea et 3 checkbox pour le moment.

Et comme tu as pu constater le petit bou de code de javascript qui permet :
d'afficher la valeur d'un checkbox dans le textearea lorsqu'on le coche .

Exemple : "on coche checkbox 1" la valeur premi�re valeurs'affiche dans le textearea

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
<input type="checkbox" name="cocher" value="1x" 
	       onclick="change();" title="première valeur " />

.

Cependant, je souhaite en effet ajouter un champ input text qui permettrai d'afficher un num�ro de chaque case coch�.

Exemple, le premier Checkbox porte la valeur (premi�re valeur) et le num�ro : 5640. La valeur sera afficher dans le textearea et le num�ro dans le champ input....

Checkbox 2 portante la valeur (2eme valeur) et le num�ro 5612

A ce moment la, le premier num�ro de la chekbox 1 sera remplac� par le num�ro de la checkbox 2.

Merci

**NoSmoking** · 18/05/2012, 22h47

toujours pas s�r d'avoir bien compris...

Il te faut donc un champ INPUT suppl�mentaire dans lequel tu ne mettra que la derni�re valeur coch�e

exemple

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
function change() {
  form = form || document.getElementById('form');
  form.champ.value = '';
  form.resultat.value = '';
  var i = -1;
  var cocher;
  while( cocher = form.cocher[++i]) {
    if( cocher.checked) {
      form.champ.value += cocher.title +': ' +cocher.value +'\n';
      form.resultat.value = cocher.value;
    };
  };
};