Visualizzare checkbox in base alla scelta di un'altro checkbox

**intrigo** · 27-09-2006, 15:42

Salve, cerco di esporre brevemente il mio problema, sperando di essere nella sezione giusta.
Ho la necessità in un form di visualizzare dei checkbox in base alla scelta di un'altro checkbox, mi spiego meglio mostrando il codice che utilizzo ora, dove in realtà mostro tutti i checkbox e faccio un controllo php in base alle scelte, cosa che però vorrei evitare...

Codice PHP:


<table>

  <tr>

    <td align="left" valign="top">Competenze professionali*</td>

    <td align="left" valign="top">

      <input type="checkbox" name="competenza_1" value="Danzatore/Danzatrice">Danzatore/Danzatrice


      <input type="checkbox" name="competenza_2" value="Attore/Attrice">Attore/Attrice


      <input type="checkbox" name="competenza_3" value="Cantante">Cantante


      <input type="checkbox" name="competenza_4" value="Musicista">Musicista


      <input type="checkbox" name="competenza_5" value="Modello/Modella">Modello/Modella


      <input type="checkbox" name="competenza_6" value="Hostess">Hostess


      Altro: <input type="text" name="competenza_7">
</td>

  </tr>

  <tr>

    <td align="left" valign="top">Discipline</td>

    <td align="left" valign="top">

    <input type="checkbox" name="disciplina_1" value="Classico"> Classico


    <input type="checkbox" name="disciplina_2" value="Modern-jazz"> Modern-jazz


    <input type="checkbox" name="disciplina_3" value="Contemporaneo"> Contemporaneo


    <input type="checkbox" name="disciplina_4" value="Hip Hop"> Hip Hop
    

    <input type="checkbox" name="disciplina_5" value="Afro"> Afro


    <input type="checkbox" name="disciplina_6" value="Latino-americano"> Latino-americano


    Altro: <input type="text" name="disciplina_7">


    </td>

  </tr>

  <tr>

    <td align="left" valign="top">Generi di attori</td>

    <td align="left" valign="top">

    <input type="checkbox" name="attore_1" value="Teatrale"> Teatrale
    

    <input type="checkbox" name="attore_2" value="Cinematografico"> Cinematografico


    Altro: <input type="text" name="attore_3">


    </td>

  </tr>

  <tr>

    <td align="left" valign="top">Generi di canto</td>

    <td align="left" valign="top">

    <input type="checkbox" name="canto_1" value="Lirico"> Lirico


    <input type="checkbox" name="canto_2" value="Pop"> Pop


    <input type="checkbox" name="canto_3" value="Jazz"> Jazz


    <input type="checkbox" name="canto_4" value="Blues"> Blues
    

    <input type="checkbox" name="canto_5" value="Musical"> Musical


    <input type="checkbox" name="canto_6" value="Rap"> Rap


    Altro: <input type="text" name="canto_7">


    </td>

  </tr>

  <tr>

    <td align="left" valign="top">Strumenti</td>

    <td align="left" valign="top">

    <input type="checkbox" name="strumento_1" value="Chitarra"> Chitarra


    <input type="checkbox" name="strumento_2" value="Basso"> Basso


    <input type="checkbox" name="strumento_3" value="Batteria"> Batteria


    <input type="checkbox" name="strumento_4" value="Tastiere"> Tastiere
    

    <input type="checkbox" name="strumento_5" value="Fiati"> Fiati


    <input type="checkbox" name="strumento_6" value="Archi"> Archi


    Altro: <input type="text" name="strumento_7">


    </td>

  </tr>

</table>

In pratica vorrei che se una persona mi clicca nel primo checkbox "Danzatore/Danzatrice" mi si abiliti il secondo checkbox che contiene tutte le "Discipline" e via di seguito, quindi se scelgo "Musicista" mi si visualizzano le checkbox dei "Generi di canto" ecc
Mi chiedo se è possibile gestire la cosa con javascript e se qualcuno mi può dare una mano o indirizzare su qualche sito...

Grazie

**intrigo** · 27-09-2006, 16:48

Allora attualmente prendendo spunto da un'altro post sul forum sono riuscito a fare una cosa del genere, ma il problema che mi si pone ora è che inviando il form e se ci fossero degli errori in altri campi del form e quindi torno indietro per modificare, non mi fa più vedere le checkbox che avevo selezionato in precedenza... qualcuno sa come risolvere? con javascript o altro?

Posto il codice di seguito...

Codice PHP:


<html>

<head>

<script language="javascript">



function vedinonvedi(id){

     if (document.getElementById){

            if(document.getElementById(id).style.display == 'none'){

                  document.getElementById(id).style.display = 'block';

            } else {

                  document.getElementById(id).style.display = 'none';

            }

      }

}

</script>

</head>

<body>

<form action="invia.htm">

<table>

  <tr>

    <td align="left" valign="top">Competenze professionali*


      <input type="checkbox" name="competenza_1" value="Danzatore/Danzatrice" onClick="vedinonvedi('div_discipline'); return true;">Danzatore/Danzatrice


      <input type="checkbox" name="competenza_2" value="Attore/Attrice" onClick="vedinonvedi('div_attori'); return true;">Attore/Attrice


      <input type="checkbox" name="competenza_3" value="Cantante" onClick="vedinonvedi('div_cantanti'); return true;">Cantante


      <input type="checkbox" name="competenza_4" value="Musicista" onClick="vedinonvedi('div_musicisti'); return true;">Musicista


      <input type="checkbox" name="competenza_5" value="Modello/Modella">Modello/Modella


      <input type="checkbox" name="competenza_6" value="Hostess">Hostess


      Altro: <input type="text" name="competenza_7">
</td>

  </tr>

<tr><td><div id="div_discipline" style="display: none">

    Discipline


    <input type="checkbox" name="disciplina_1" value="Classico"> Classico


    <input type="checkbox" name="disciplina_2" value="Modern-jazz"> Modern-jazz


    <input type="checkbox" name="disciplina_3" value="Contemporaneo"> Contemporaneo


    <input type="checkbox" name="disciplina_4" value="Hip Hop"> Hip Hop
    

    <input type="checkbox" name="disciplina_5" value="Afro"> Afro


    <input type="checkbox" name="disciplina_6" value="Latino-americano"> Latino-americano


    Altro: <input type="text" name="disciplina_7">


</div></td>

  </tr>

    <tr><td>

    <div id="div_attori" style="display: none">Generi di attori


    <input type="checkbox" name="attore_1" value="Teatrale"> Teatrale
    

    <input type="checkbox" name="attore_2" value="Cinematografico"> Cinematografico


    Altro: <input type="text" name="attore_3">


    </div></td>

  </tr>

  <tr>

    <td align="left" valign="top"><div id="div_cantanti" style="display: none"> 

    Generi di canto


    <input type="checkbox" name="canto_1" value="Lirico"> Lirico


    <input type="checkbox" name="canto_2" value="Pop"> Pop


    <input type="checkbox" name="canto_3" value="Jazz"> Jazz


    <input type="checkbox" name="canto_4" value="Blues"> Blues
    

    <input type="checkbox" name="canto_5" value="Musical"> Musical


    <input type="checkbox" name="canto_6" value="Rap"> Rap


    Altro: <input type="text" name="canto_7"></div>

    </td>

  </tr> 

  <tr>

    <td align="left" valign="top"><div id="div_musicisti" style="display: none">Strumenti


    <input type="checkbox" name="strumento_1" value="Chitarra"> Chitarra


    <input type="checkbox" name="strumento_2" value="Basso"> Basso


    <input type="checkbox" name="strumento_3" value="Batteria"> Batteria


    <input type="checkbox" name="strumento_4" value="Tastiere"> Tastiere
    

    <input type="checkbox" name="strumento_5" value="Fiati"> Fiati


    <input type="checkbox" name="strumento_6" value="Archi"> Archi


    Altro: <input type="text" name="strumento_7"></div>

    </td>

  </tr>

   <tr>

    <td align="left" valign="top">

    <input type="submit" value="go">

    </td>

   </tr> 

</table>



</form>  

</body>

</html>

Discussione: Visualizzare checkbox in base alla scelta di un'altro checkbox

Strumenti discussione

Ricerca discussione

Visualizza

Visualizzare checkbox in base alla scelta di un'altro checkbox

Permessi di invio