Cześć, robie dość duży formularz i potrzebuje kilka checkboxów po których zaznaczeniu wyświetlają sie kolejne formularze.
Dla przykładu:
Śniadanie: checkbox(tak/nie), jeżeli jest zaznaczony to wyskakuje kolejny formularz
Obiad: checkbox(tak/nie), jeżeli jest zaznaczony to wyskakuje kolejny formularz
Mam nadzieje, że wiecie o co mi chodzi :D
I teraz tak, mam juz taki kod:
HTML
<form action="" method="POST">
<label for="">test</label>
<input id="open" type="checkbox" onclick="open_content()">
<div style="display:none" class="next-part" id="content">
<textarea class="form-control" name="text" cols="30" rows="10"></textarea>
</div>
</form>
JS
function open_content() {
var status = document.getElementById("open");
var content = document.getElementById("content");
if (status.checked == true){
content.style.display = "block";
} else {
content.style.display = "none";
}
}
I to fajnie działa, tylko, że na jednym elemencie, a ja potrzebuje na ok. 30 elementów i mogłbym porobić 30 takich funkcji, ale pewnie jest na to lepszy sposób.
PS Moja wiedza z jsa jest zerowa :c