Skjule en del af en form indtil der krydses af

Det er jo nok nærmere noget javascript du skal ud i:

<form method="post" action="">

<input type="checkbox" onclick="document.getElementById('hiddenFormFields').style.display = (this.checked ? 'block' : 'none')">

<div id="hiddenFormFields" style="display: none">
    <input type="text" name="email"><br>
    <input type="text" name="job"><br>
    <input type="text" name="company">
</div>

</form>

Hej,

Det er helt fint, tak. Dog et lille 'problem' - de 3 text-felter er placeret i en tabel og der skal således <tr>, <td>, </tr> og </td> i mellem felter, og dermed virker ovenstående eksempel ikke. Hvad skal der til?

hilsen
Martin

jeg tror, uden at vide det, at du kan skrive

<table id="hiddenFormFields" style="display: none">
    <tr><td><input type="text" name="email"></td></tr>
    <tr><td><input type="text" name="job"></td></tr>
    <tr><td><input type="text" name="company"></td></tr>
</table>

<form method="post" action="">

<input type="checkbox" onclick="document.getElementById('hiddenFormFields').style.display = (this.checked ? 'block' : 'none')">

<div id="hiddenFormFields" style="display: none">
<table>
    <tr>
        <td>Email:</td>
        <td><input type="text" name="email"></td>
    </tr>
    <tr>
        <td>Job:</td>
        <td><input type="text" name="job"></td>
    </tr>
    <tr>
        <td>Firma:</td>
        <td><input type="text" name="company"></td>
    </tr>
</table>
</div>

</form>

Med venlig hilsen
Jesper Sørensen

Hej,

<table> skal placeres udenfor <div>-tagget, da det ikke er hele tabellen som skal skjules...., det skal altså kun være de 3 <tr> og <td>-tags som skal skjules.

hilsen
Martin

Hej igen,

OK, den sidste løste jeg vist selv. Men så dukker det et nyt problem op. Hvis der er kryds i checkbosen, når siden loades, så skjules text-felter - de skulle gerne vises, hvis der er kryds allerede fra starten.

hilsen
Martin

Jeg tilføjer lige lidt kode. $levadr er værdien af checkboxen.


if ($levadr) echo("<input value=\"1\" checked class=formbox type=\"checkbox\" name=\"levadr\" onclick=\"document.getElementById('hiddenFormFields').style.display = (this.checked ? 'block' : 'none')\">");
if (!$levadr) echo("<input value=\"1\" class=formbox type=\"checkbox\" name=\"levadr\" onclick=\"document.getElementById('hiddenFormFields').style.display = (this.checked ? 'block' : 'none')\">");

ok