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

Vue hybride

Discussions similaires

Partager

Partager