Soucis code javascript

Version imprimable

03/05/2007, 22h58
Esperence

Soucis code javascript

bonsoir,
je suis débutant en prog surtout javascript.
j'ai une page HTML avec des cases à cocher, quand je click sur une case j'ai un resultat qui s'affiche sur un champ en haut de la page
voila le code javascript
onclick="change( Message à afficher ');">
Mon probleme c'est que quand je click sur une autre case sans decocher la premiere j'ai les deux valeurs qui s'affiche sur le cham resultat...

moi je veux faire en sorte que quand je clickerai sur une case, et je reclick sur une autre ... je veux que le resultat change automatiquement
et voila
par avance...
Merci
03/05/2007, 23h09
Lerin
Euh, petit conseil : changer tes cases à cocher en cases radios. Pour que le resultat change :
JavaScript
Code:

1 2 3 4 5 function changer (valeur) { document.getElementById("TonChamp").value = valeur }
HTML
Code:

1 2 3 4 <input type="radio" onclick="changer(this.value)" value="TaValeur1" name="nom"> <input type="radio" onclick="changer(this.value)" value="TaValeur2" name="nom"> ...
Tu peux le changer un peu si tu as besoin d'afficher des valeurs plus grandes, prendre un tableau au lieu de l'attribut value, par exemple.

Citation:

Envoyé par Lerin

Euh, petit conseil : changer tes cases à cocher en cases radios.

+1 cela sera plus facile à gérer ;)
Citation:
Code:

1 2 3 4 <input type="radio" onclick="changer(this.value)" value="TaValeur1" name="nom"> <input type="radio" onclick="changer(this.value)" value="TaValeur2" name="nom"> ...
Petite remarque sur la syntaxe : l'attribut name permet d'identifier chaque groupe de boutons radio. Un même groupe porte le même "name" ;)

Par ailleurs, dans la mesure du possible, fais en sorte qu'un bouton radio soit coché par défaut (attribut checked="checked")

Exemple avec 2 groupes (radio1 et radio2):
Code:

1 2 3 4 5 6 7 8 9 <input type="radio" id="idRadio1" name="radio1" checked="checked" />option 11 <input type="radio" id="idRadio2" name="radio1" />option 12 <input type="radio" id="idRadio3" name="radio1" />option 13 <br><br><br> <input type="radio" id="idRadio1" name="radio2" checked="checked" />option 21 <input type="radio" id="idRadio2" name="radio2" />option 22 <input type="radio" id="idRadio3" name="radio2" />option 23

04/05/2007, 18h01
Esperence

d'accord,
mais je veux bien laisser les cases à cocher au lieu de radio
ce n'est pas possible ?
si possible merci de m'envoyez le code
bonne journée

Citation:

Envoyé par Esperence

d'accord,
mais je veux bien laisser les cases à cocher au lieu de radio
ce n'est pas possible ?
si possible merci de m'envoyez le code

tu aimes te compliquer la vie :lol: :

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
31
32
33
34
35
36
37
38
39
40
41
42
 
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
var chkBox = null;
function clic(obj)
{
 document.getElementById("idText").value = "";
 
  if (chkBox!=obj && chkBox!=null)
      chkBox.checked = false;
 
  if (obj.checked)
     document.getElementById("idText").value = obj.value;
 
 chkBox = obj;
 
}
 
//-->
</script>
 
</head>
 
<body>
 
<input type="checkbox" id="idchk1" onclick="clic(this)" value="message1" />
<input type="checkbox" id="idchk2" onclick="clic(this)" value="message2" />
<input type="checkbox" id="idchk3" onclick="clic(this)" value="message3" />
<input type="checkbox" id="idchk2" onclick="clic(this)" value="message4" />
<input type="checkbox" id="idchk3" onclick="clic(this)" value="message5" />
 
<br /><br />
<input type="text" value="" id="idText" size="20" />
 
 
</body>
 
</html>