Citat:
Ursprungligen postat av martine
I checkboxen:
Kod:
onclick="this.nextSibling.style.display='block'"
är betydligt enklare än att dra igång hela jQuery för detta om du bara vill visa och gömma den (gömma den görs som bekant med display: none).
Och naturligtvis bör du inte stoppa in onödiga div-element. |
Nu vet jag inte exakt vad jag kan ha missat eller missförstått då ingenting händer när jag klickar i checkboxen.
Min textbox döljs även bara men tar ändå upp samma plats, fult med ett stort vitt mellanrum mellan checkboxen och spara knappen.
PHP-kod:
<form id="form" name="form" method="post" action="">
<fieldset style="width: 450px;">
<legend>KONTAKT INFORMATION</legend>
<label for="fnamn">Förnamn:</label> <br />
<input type="text" name="fnamn" id="fnamn" /> <br />
<label for="enamn">Efternamn:</label> <br />
<input type="text" name="enamn" id="enamn" /> <br />
<label for="epost">E-postadress:</label> <br />
<input type="text" name="epost" id="epost" /><br />
<input type="checkbox" name="extra_info" id="var" value="var" onclick="this.nextSibling.style.display='block'"/>
<label for="var">Extra information</label><br />
<textarea name="meddelande" id="meddelande" cols="45" rows="5" style="display:none"></textarea> <br />
<input type="submit" name="skicka" id="skicka" value="Skicka meddelandet" />
</fieldset>
</form>
Låt oss även säga att jag skulle vilja visa två labels och två textboxar som i detta exempel hur gör jag då:
PHP-kod:
<form id="form" name="form" method="post" action="">
<fieldset style="width: 450px;">
<legend>KONTAKT INFORMATION</legend>
<input type="checkbox" name="extra_info" id="var" value="var"/>
<label for="var">Lägg till för och efternamn</label><br />
<label for="fnamn" style="display:none">Förnamn:</label> <br />
<input type="text" style="display:none" name="fnamn" id="fnamn" /> <br />
<label for="enamn" style="display:none">Efternamn:</label> <br />
<input type="text" style="display:none" name="enamn" id="enamn" /> <br />
<input type="submit" name="skicka" id="skicka" value="Skicka meddelandet" />
</fieldset>
</form>
Ni vore jättegulliga om ni hjälpte mig med detta.