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