nascondere o mostrare un div dopo selezione di un checkbox

[aquatimer2000]

Ciao tutti, sto scrivendo delle form tramite html/php

Avrei bisogno di poter visualizzare alcune parti della form (div) solo se viene selezionato uno specifico checkbox

dopo posso leggere qualche informazione in tal senso ?
considerate che di javascript conosco poco/niente !

Grazie a tutti per l'aiuto !

[lucavizzi]

<input type="checkbox" onClick="$('#div_id').css('display',this.checked? 'block':'none');>

Uno spunto

[aquatimer2000]

ok, faccio delle prove tra le informazioni che mi avete passato e quelle che ho trovato in un post sempre qui nel forum, poi eventualmente posto il codice da correggere !!

Intanto grazie per le informazioni !

[aquatimer2000]

buongiorno di seguito posto il codice, che non funziona


di default vorrei avere enne div tutti spenti, e tramite più checkbox, renderne visibile uno o più di uno.
Con tutte le select spente, dovrei tornare alla situazione di default:


sul post successivo il codice:

P.S.
Dopo avere scritto il codice tra tag html, lo vedo tutto sformattato e non riesco a modificare il post ?! come mai ?! il codice è scritto con notepad++

[aquatimer2000]

<scriptlanguage="javascript">
    function toggleFields(){
        var scelta = document.getElementById("mostraDiv");
        var div1 = document.getElementById("div1");
        var div2 = document.getElementById("div2");


        if(scelta.selectedIndex ==="ok") {

            div1.style.display ="block";
            /* altri div da mostrare */
            div2.style.display ="none";
            /* altri div da nascondere */
        }
    }
</script>


<div>
mostra div1 e nascondi tutti gli altri:
<input type="checkbox" name="mostraDiv" id="mostraDiv" value="ok" onchange="toggleFields()" />
</div>
<div id="div1" style="display: none;">
<inputtype="text" value="div1.."/>
</div>
<div id="div2" style="display: none;">
<inputtype="text"value="div2.."/>
</div>

<div id="div n...." style="display: none;">
<input type="text" value="div n....."/>
</div>