Tableau checkbox javascript

**lmkrte** · 18/06/2008, 12h31

je cherche un moyen pour affecter la valeur d'un checkbox qui correspond au checkbox du méme index de tableaux(si je check une case la case du méme index sera checker aussi).

j'ai vraiment tout tester sans resultat.

voilà mon code :

Code :

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

1
2
3
4
5
6
7
 
echo "<form method='POST' name='myforms' action='addcomment.php'>";
 
	echo "<td><input type='checkbox' name='addscenario[]' value='$scenarioid' onClick=\"document.forms.myforms.addtest[].checked = document.forms.myforms.addscenario[].checked\"></td>";
	echo "<td><input type='checkbox' name='addtest[]' value='$testid' onClick=\"document.forms.myforms.addscenario[].checked = document.forms.myforms.addtest[].checked\"></td>";
 
j'ai essayer l'affectation avec un onClick sans rien(onClick=\"document.forms.myforms.addscenario[1].checked = document.forms.myforms.addtest[1].checked)

merci

edit par Le_chomeur : balise code

**tusssss** · 18/06/2008, 13h38

Deux ou trois conseils :

1) Poster le code avec les balises CODE, bouton # de l'éditeur de texte.

2) Essayer de donner plutôt le code généré, c'est plus facile à lire.

3) Être patient quand on ne respecte les 2 premières règles parce qu'il faut le temps de déchiffrer.

**le_chomeur** · 18/06/2008, 13h39

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
</head>
<script type="text/javascript">
	function check(macheckbox,index){
					document.getElementById('myforms').elements["titi[]"][index].checked = macheckbox.checked;
	}
</script>
 
<body>
<form name="myforms" id="myforms">
<input type="checkbox" name="test[]" onclick="check(this,0)" value="1" />
<input type="checkbox" name="titi[]" value="2"/>
<input type="checkbox" name="test[]" onclick="check(this,1)" value="1" />
<input type="checkbox" name="titi[]" value="2"/>
 
</form>
</body>
</html>

**tusssss** · 18/06/2008, 13h42

Je crois que ta syntaxe est inexacte :

Code :

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

forms.myforms

devrait plutôt être

Code :

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

forms['myforms']

**lmkrte** · 18/06/2008, 15h49

Envoyé par le_chomeur

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
</head>
<script type="text/javascript">
	function check(macheckbox,index){
					document.getElementById('myforms').elements["titi[]"][index].checked = macheckbox.checked;
	}
</script>
 
<body>
<form name="myforms" id="myforms">
<input type="checkbox" name="test[]" onclick="check(this,0)" value="1" />
<input type="checkbox" name="titi[]" value="2"/>
<input type="checkbox" name="test[]" onclick="check(this,1)" value="1" />
<input type="checkbox" name="titi[]" value="2"/>
 
</form>
</body>
</html>

merci pour ta solution c'est ce que je chercher, il faut juste que j'adapte a mon cas(au lieu de (this,0) => (this,$i) ) donc je marque résolu

ps : j'avais passe 3heures ladessu et là d'un coup ça va vite :d!

**le_chomeur** · 18/06/2008, 16h13

hé oui c'est beau le partage de connaissance

**lmkrte** · 18/06/2008, 16h26

y'a t'il une façon de cacher des checkbox pour qu'il apparaisent pas au users? car je veut qu'ils puissent coher une seule et le reste sera cocher sans qu'ils se rendent compte. j'ai essayer <head></head> ça marche pas.

**le_chomeur** · 18/06/2008, 16h52

Code :

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

1
2
<input type="checkbox" name="test[]" onclick="check(this,0)" value="1" />
<input type="checkbox" name="titi[]" value="2" style="display:none"/>

**lmkrte** · 19/06/2008, 09h47

Envoyé par le_chomeur

Code :

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

1
2
<input type="checkbox" name="test[]" onclick="check(this,0)" value="1" />
<input type="checkbox" name="titi[]" value="2" style="display:none"/>

merci a vous, mon probléme est résolu

Tableau checkbox javascript

JavaScript

Discussions similaires

Partager

Partager