Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][HTML] pole radio
Forum PHP.pl > Forum > Przedszkole
limonides
witam serdecznie

mam pytanie jak zrobić aby w zależności od tego jakie zaznaczone jest pole radio poniżej wyświetlały się różne pola text.

pozdrawiam i za wszelką pomoc z góry dziękuje
Mefiuu
dynamicznie w javascript. A do łatwiejszego zaprogramowania polecam jquery wink.gif
limonides
  1. <legend>Wybierz typ konkursu jaki chcesz przeprowadzić</legend>
  2.  
  3. <input type="radio" name="odp" value="1" id="1" onclick="document.getElementById('luz').style.display = this.checked ? 'block' : 'none'; this.form.elements['luz'].disabled = !this.checked" /><label for="1">luźna odpowiedź</label>
  4. <input type="radio" name="odp" value="2" id="2" onclick="document.getElementById('wariant').style.display = this.checked ? 'block' : 'none'; this.form.elements['wariant'].disabled = !this.checked" /><label for="2">warianty odpowiedzi</label>
  5. <input type="radio" name="odp" value="3" id="3" onclick="document.getElementById('artysta').style.display = this.checked ? 'block' : 'none'; this.form.elements['artysta'].disabled = !this.checked" /><label for="3">artystyczny</label>
  6.  


  1. <legend>Wpisz pytanie konkursowe</legend>
  2. <div id="luz" style="display: none">
  3. lużna odp
  4. </div>
  5. <div id="wariant" style="display: none">
  6. warianty odp
  7. </div>
  8. <div id="artysta" style="display: none">
  9. artysta
  10. </div>


to jeszcze mam małe pytanie jeśli teraz wybiorę opcje nr.1 to pojawia mi się tekst "lużna odp", poźniej naciskam opcje nr. 2 i pojawia mi się tekst "warianty odp" ale wcześniejszy "luźna odp" nie znika. :/

próbowałem coś takiego
  1. IF ("document.forms.formularz1.odp[0].checked==true")
ale mi nie działa.
jakaś podpowiedź ?
johny_s
trzeba ukryc pozostale odpowiedzi
  1. <legend>Wybierz typ konkursu jaki chcesz przeprowadzić</legend>
  2.  
  3. <input type="radio" name="odp" value="1" id="1" onclick="document.getElementById('luz').style.display='block'; document.getElementById('wariant').style.display='none'; document.getElementById('artysta').style.display='none'" /><label for="1">luźna odpowiedź</label>
  4. <input type="radio" name="odp" value="2" id="2" onclick="document.getElementById('luz').style.display='none'; document.getElementById('wariant').style.display='block'; document.getElementById('artysta').style.display='none'" /><label for="2">warianty odpowiedzi</label>
  5. <input type="radio" name="odp" value="3" id="3" onclick="document.getElementById('luz').style.display='none'; document.getElementById('wariant').style.display='none'; document.getElementById('artysta').style.display='block'" /><label for="3">artystyczny</label>
  6.  
  7.  
  8. <legend>Wpisz pytanie konkursowe</legend>
  9. <div id="luz" style="display: none">
  10. lużna odp
  11. </div>
  12. <div id="wariant" style="display: none">
  13. warianty odp
  14. </div>
  15. <div id="artysta" style="display: none">
  16. artysta
  17. </div>


btw. "=" to przypisanie nie porownanie wink.gif
limonides
wielkie dzięki.
temat zamknięty !
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.