Masquer un champs à l'aide d'une checkbox
Bonjour,
Débutant en javascript j'ai trouvé un script permettant de masquer ou non un champs à l'aide d'une checkbox.
je l'ai testé il fonctionne très bien.
Je l'ai me^me modifié un petit peu car voilà mon problème :
J'ai un formulaire avec un tableau de trois colonnes.
Dans la première colonne "PourAction" j'ai une première checkbox, dans la seconde colonne "Pour Info" j'ai une deuxième checkbox, la troisième colonne correspond au libellé du "Service".
Le plus simple est que je vous affiche ma page TEST.php ==>
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
| <?php require_once('Connections/CnxCourrier.php'); ?>
<?php
mysql_select_db($database_CnxCourrier, $CnxCourrier);
$query_rsService = "SELECT * FROM test";
$rsService = mysql_query($query_rsService, $CnxCourrier) or die(mysql_error());
$row_rsService = mysql_fetch_assoc($rsService);
$totalRows_rsService = mysql_num_rows($rsService);
?>
<!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 titre</title>
<script language="Javascript">
// ==================
// Activations - Désactivations
// ==================
function GereControle(Controleur, Controle, Masquer) {
var objControleur = document.getElementById(Controleur);
var objControle = document.getElementById(Controle);
if (Masquer=='1')
objControle.style.visibility=(objControleur.checked==false)?'visible':'hidden';
else
objControle.disabled=(objControleur.checked==false)?false:true;
return true;
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="300" border="0">
<tr>
<td width="90"><div align="center">Pour Action</div></td>
<td width="90"><div align="center">Pour Info</div></td>
<td width="106"><div align="left">Services</div></td>
</tr>
<?php do { ?>
<tr>
<td><div align="center">
<input type="checkbox" name="idserviceAction[]" id="chkb_1" onClick="GereControle('chkb_1', 'chkb_2', '0');" value="<?php echo $row_rsService['id_service']; ?>" />
</div></td>
<td><div align="center">
<input type="checkbox" name="idserviceInfo[]" id="chkb_2" onClick="GereControle('chkb_2', 'chkb_1', '0');" value="<?php echo $row_rsService['id_service']; ?>" />
</div></td>
<td><div align="left"><?php echo $row_rsService['service']; ?></div></td>
</tr>
<?php } while ($row_rsService = mysql_fetch_assoc($rsService)); ?>
</table>
</form>
</body>
</html>
<?php
mysql_free_result($rsService);
?> |
J'ai donc une région répété pour la création des lignes correspondant à chaque service (alimentation via une base SQL).
Le script fonctionne correctement sur la première ligne créé mais il ne fonctionne pas sur les suivantes.
J'ai essayé plusieurs modifications en essayant d'intégrer la notion d'index [i] mais sans succès.
Merci de vos précieux renseignements
