Case à cocher avec nom de case changeant

Version imprimable

Bonjour,
J'ai un petit soucis pour cocher une case automatiquement en javascript.
J'explique:
Je génére un tableau de 50 ligne et a chaque ligne ma case a cocher s'apelle:
ok_$rang ou $rang va de 0 a 49.
Je veux que quand je clic sur un champ de formulaire de la ligne cela me coche la case de cette ligne (donc la numéro $rang).
J'ai fais ce code javascript:
Code:

1 2 3 4 5 6 7 8 9 10 <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>
Ensuite dans le formulaire voici les lignes en question:
Code:

1 2 3 echo "<td align='left'><INPUT TYPE='text' NAME='auteur_".$rang."' onClick='ouverture($rang)' VALUE='".stripslashes($auteur)."' SIZE='28'></td>"; echo "<td align='center'><INPUT TYPE='text' NAME='titree_".$rang."' VALUE='".htmlentities($titre)."' SIZE='50'></td>"; echo '<td bgcolor="#99FFCC" align="center"><INPUT TYPE="checkbox" name="ok_'.$rang.'" value="1" /></td>';
Je ne vois vraiment pas mon erreur en javascript la case de la ligne ne se coche pas.
En fait je voudrai que quand sur une ligne je clic sur le champ auteur_$rang cela me clic la case ok_$rang
je n'arrive pas car le nom de la case est variable et ma méthode ne marche pas!
Help!

exemple simpliste:

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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>...</title>
 
 
</head>
<body>
 
 
<table id="tableau">
 
<tr>
	<td><input type="text" name="auteur_truc" /></td>
	<td><input type="text" name="titree_truc" /></td>
	<td><input type="checkbox" name="ok_truc" /></td>
</tr>
 
<tr>
	<td><input type="text" name="auteur_bidule" /></td>
	<td><input type="text" name="titree_bidule" /></td>
	<td><input type="checkbox" name="ok_bidule" /></td>
</tr>
 
<tr>
	<td><input type="text" name="auteur_machin" /></td>
	<td><input type="text" name="titree_machin" /></td>
	<td><input type="checkbox" name="ok_machin" /></td>
</tr>
 
</table>
 
</div>
 
<script type="text/javascript">
 
var t=document.getElementById("tableau").getElementsByTagName("input");
 
for(i=0;i!=t.length;i++){
	if(t[i].name.substring(0,7)=="auteur_"){
		t[i].ind=i;
		t[i].onclick=function(){
			t[this.ind+2].checked=true 
			// ou version plus lourdingue
			// document.getElementsByName("ok_"+this.name.substring(7))[0].checked=true;
		}
	}
}
 
</script>
 
</body>
 
</html>

06/05/2007, 14h56
u115rcu

Merci beaucoup je regarde cela ce soir, ca va me rendre bien des services !

EDIT: cela marche très très bien merci ! J'ai du faire une petite adaptation sur les écarts entre les input adaptés a mon code, hormis ce petit aléa bien normal vraiment parfait !