Afficher des champs cachés dans un for each

Version imprimable

Bonjour

J'ai un formulaire avec des checkbox qui si elles sont cochées me permettent d'afficher des champs cachés .
Ce formulaire est affiché par un for each php. Sur le premier formulaire généré pas de soucis les checkbox sont effectives, mais à partir du deuxième l'affichage ne se fait plus.
Un truc avec la boucle for each surement, mais mes pauvres compétences ne me permettent pas de voir la solution.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function it(test1){
    if (document.getElementById("persitv" ).checked == true) {
        document.getElementById('nom').style.visibility="visible";
    }
    if (document.getElementById("persitv" ).checked == false) {
        document.getElementById("autre");
        document.getElementById('nom').style.visibility="hidden";
    }
}
function pl(test1){
    if (document.getElementById("aero" ).checked == true) {
        document.getElementById('plane').style.visibility="visible";
    }
    if (document.getElementById("aero" ).checked == false) {
        document.getElementById("autre");
        document.getElementById('plane').style.visibility="hidden";
    }
}

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
 <? foreach ($carteglobal as $carte=> $id)  :
    $sqltourange="SELECT* FROM tournage where carte='$carte'";
    $result= mysql_query($sqltourange) or die(("erreur recup fiche".mysql_error()));
    while ($listfiche=mysql_fetch_array($result)){
        $titrerush=$listfiche['titre'];
        $client=$listfiche['client'];
    }
?>
<div class="controls controls-row">
    <span class="span8 titre">Quelques précisions</span>
    <span class="span8 titre"><input type="checkbox" name="itw" id="persitv" onClick='it (this.checked)' style="width:20px; height:20px;" >question1?
    </span>
    <!--champ caché pour nom personne-->
    <font style='visibility: hidden' id='nom'>
        <span class="span8">Noms des personnes interviewées</span>
        <input name='itv1[]' class='span2' id='newc1'/>
        <input name='itv2[]' class='span2' id='newc2'/>
        <input name='itv3[]' class='span2' id='newc3' />
        <input name='itv4[]' class='span2' id='newc3' />
    </font>
    <span class="span10 titre">
        <input type="checkbox" name="avion[]"  id="aero" onClick='pl (this.checked)' style="width:20px; height:20px;">question2 ?</span>
        <!--champ caché  -->
    <font style='visibility: hidden' id='plane'>
        <span class="span12">num avion</span>
        <select class="span2" name="avion1[]">
            <option  valaue=""></option>
            <option  valaue="1">1</option>
            <option  value="2">2</option>
            <option  value="3">3</option>
            <option  value="4">4</option>
            <option  value="5">5</option>
        </select>
        <select name="avion2[]" class="span2">
            <option  valaue=""></option>
            <option valaue="1">1</option>
            <option valaue="2">2</option>
            <option valaue="3">3</option>
            <option valaue="4">4</option>
            <option valaue="5">5</option>
        </select>
    </font>
</div>

Code:

1
2
3
4
 
 if (document.getElementById("persitv" ).checked == false) {
                    document.getElementById("autre");  // <= ???? ça fait quoi là ça tout seul ???
                    document.getElementById('nom').style.visibility="hidden";

Citation:

Ce formulaire est affiché par un for each php.

un id doit être unique sur la page

j'ai donc modifié comme ceci mais cela ne s'affiche pas

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
<?php
$sqlselctcadr = "SELECT * FROM tournage WHERE temp='$identifiant'";
$resultid = mysql_query($sqlselctcadr) or (die("erreur recherche adreur par identifiant" . mysql_error()));
$count = mysql_num_rows($resultid);
while ($listfiche = mysql_fetch_array($resultid)):
    $i++;
    $idtournage = $listfiche['id_tournage'];
    $carte = $listfiche['carte'];
    $titrerush = $listfiche['titre'];
    $client = $listfiche['client'];
    $producteur = $listfiche['prod'];
    $realisateur = $listfiche['realisateur'];
    $format = $listfiche['format'];
    $contact=$listfiche['contact'];
    $nbre = $listfiche['nbre_cartes'];
    $ncarte++;
?>
<script type="text/javascript">
function it(test1){
    if (document.getElementById("persitv[<?php echo $idtournage ?>]" ).checked == true) {
        document.getElementById('nom').style.visibility="visible";
    }
    if (document.getElementById("persitv[<?php echo $idtournage ?>]" ).checked == false) {
        document.getElementById('nom').style.visibility="hidden";
    }
}
</script>
 
<div class="bloc-intranet">
    <div class="controls controls-row">
        <span class="titre titre-principal green pull-left"></span> (N°<?php echo $ncarte . "/" . $count ?>)
        <input type="hidden" name="idtournage[]" value="<?php echo $idtournage ?>"/>
    </div>
    <hr/>
    <div class="controls controls-row">
        <span class="span8 titre">
            <input type="checkbox" name="itw[]" id="persitv[<?php echo $idtournage ?>]" onClick='it (this.checked)' style="width:20px; height:20px;" > s'agit-il d'une interview?
        </span>
        <!--champ caché pour nom personne interviewé-->
        <font style='visibility: hidden' id='nom[<?php echo $idtournage ?>]'>
            <span class="span8">Noms des personnes interviewées</span>
            <input name='itv1[]' class='span2' id='newc1'/>
            <input name='itv2[]' class='span2' id='newc2'/>
            <input name='itv3[]' class='span2' id='newc3' />
            <input name='itv4[]' class='span2' id='newc3' />
        </font>
    </div>

j'ai modifié comme ceci et tout est rentré dans l'ordre

Code:

1
2
3
4
5
6
7
<div class="controls controls-row">
    <span class="span8 titre">
        <input type="checkbox" name="itw[]"  onClick="if(document.getElementById('nom_<?php echo $idtournage ?>').style.visibility == 'hidden'){document.getElementById('nom_<?php echo $idtournage ?>').style.visibility = '';}
        else{document.getElementById('nom_<?php echo $idtournage ?>').style.visibility = 'hidden';}" style="width:20px; height:20px;" /> s'agit-il d'une interview?
    </span>
    <!--champ caché pour nom personne interviewé-->
    <font style='visibility: hidden' id='nom_<?php echo $idtournage ?>'/>