Tableau de checkbox

**rdams** · 29/08/2005, 10h08

Bonjour,

j'ai un tableau de checkbox en 2 dimenssions.
contenant 4 colonne et n ligne

tableau :
c1c2c3c4
[] [] []
[] [] [] []
[] [] [] []
[] [] [] []
[] [] [] []

la première colonne me permet de checker ou non la ligne entière correspondante. de meme si je decoche ou coche une chekbox dans la ligne mon script verifie si il faut cocher ou non la chekbox de la première colonne.

Je voudrait faire la meme chose avec les colonnes.

Comment faire pour réalisé ses tests??
le tableau de chekbox se fait automatiquement.

j'ai décalré mes chekbox de la façon suivante :
1ere ligne

Code :

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

1
2
3
4
 
<input type="checkbox" name="col1" value="1">
<input type="checkbox" name="col2" value="1">
<input type="checkbox" name="col3" value="1">

col1 pour col_eq col2 pour col_ma et col3 pour col_po
les autres sous forme de tableau

Code :

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

1
2
3
4
5
 
<input type="checkbox" name="num_ligne[]" value="1">
<input type="checkbox" name="col_eq[]" value="1">
<input type="checkbox" name="col_ma[]" value="1">
<input type="checkbox" name="col_po[]" value="1">

j'ai essayé ceci pour tester les lignes mais ça ne fonctionne pas :

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
 
function cocher_tt(i,formulaire)
{	
	if(formulaire["num_ligne[]"][i].checked==true){
		formulaire["col_eq[]"][i].checked=true;
		formulaire["col_ma[]"][i].checked=true;
		formulaire["col_po[]"][i].checked=true;
	}else{
		formulaire["col_eq[]"][i].checked=false;
		formulaire["col_ma[]"][i].checked=false;
		formulaire["col_po[]"][i].checked=false;		
	}
}
 
function decocher_tt(i,formulaire)
{
	if(formulaire["col_eq[]"][i].checked==true && formulaire["col_ma[]"][i].checked==true && col_po["materiel[]"][i].checked==true){
		formulaire["num_ligne[]"][i].checked=true;
	}else{
		formulaire["num_ligne[]"][i].checked=false;
	}
}

j'appel mes fonction en passant en paramettre i et this.form.

Pouvez vous m'aider.
merci

**AurelBUD** · 29/08/2005, 17h31

Test ceci :

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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
	<head>
		<title>Test script CGI</title>
		<script language="javascript">
			var nblignes = 10;
 
			function chkeq()
			{
				if(document.Box.col1.checked == true)
				for(i=0; i<nblignes; i++)
				{
					document.Box.col_eq[i].checked = true;
				}
 
				else
				for(i=0; i<nblignes; i++)
				{
					document.Box.col_eq[i].checked = false;
				}
			}
 
			function chkma()
			{
				if(document.Box.col2.checked == true)
				for(i=0; i<nblignes; i++)
				{
					document.Box.col_ma[i].checked = true;
				}
 
				else
				for(i=0; i<nblignes; i++)
				{
					document.Box.col_ma[i].checked = false;
				}
			}
 
			function chkpo()
			{
				if(document.Box.col3.checked == true)
				for(i=0; i<nblignes; i++)
				{
					document.Box.col_po[i].checked = true;
				}
 
				else
				for(i=0; i<nblignes; i++)
				{
					document.Box.col_po[i].checked = false;
				}
			}
 
			function chkligne(i)
			{
				if(document.Box.num_ligne[i].checked == true)
				{
					document.Box.col_eq[i].checked = true;
					document.Box.col_ma[i].checked = true;
					document.Box.col_po[i].checked = true;					
				}
				else
				{
					document.Box.col_eq[i].checked = false;
					document.Box.col_ma[i].checked = false;
					document.Box.col_po[i].checked = false;					
				}
			}
		</script>
	</head>
	<body>
		<script language="javascript">
			document.write('<form name="Box">\n');
			document.write('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;');
			document.write('<input type="checkbox" name="col1" onclick="chkeq()">\n');
			document.write('<input type="checkbox" name="col2" onclick="chkma()">\n');
			document.write('<input type="checkbox" name="col3" onclick="chkpo()"><br>\n');
 
			for(i=0; i<nblignes; i++)
			{
				affichage = '<input type="checkbox" name="num_ligne" onclick="chkligne(' + i + ')">\n';
				document.write(affichage);
				affichage = '<input type="checkbox" name="col_eq">\n';
				document.write(affichage);
				affichage = '<input type="checkbox" name="col_ma">\n';
				document.write(affichage);
				affichage = '<input type="checkbox" name="col_po">\n';
				document.write(affichage);
				document.write("<br>");
			}
			document.write('</form>');
		</script>
	</body>
</html>

Bon courage

Tableau de checkbox

JavaScript

Discussions similaires

Partager

Partager