Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> JS - "wyświetlanie tekstu w zależności od wyboru radio, (bez przeładowywania)
szczurcio
post 29.08.2011, 09:25:15
Post #1





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 29.08.2011

Ostrzeżenie: (0%)
-----

Witam,
być może pytanie jest banalne, ale i moja wiedza nt. JS taka jest tongue.gif. Otóż, chciałbym, żeby taki HTML:
<input type="radio" name="radiobutton"> radio1<br>
<input type="radio" name="radiobutton"> radio2

mógł wyświetlać różne teksty. Otóż, po kliknięciu na radio1, chcę by pod spodem wyświetlało się (bez żadnego klikania/przeładowywania) "Wybrałeś przycisk 1", a przy drugim "... przycisk 2". Jak to zrobić bez klikania linków/przeładowywań?

Ten post edytował szczurcio 29.08.2011, 09:26:12
Go to the top of the page
+Quote Post
mortus
post 29.08.2011, 11:15:26
Post #2





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

Ostrzeżenie: (0%)
-----

Twoim input-om brakuje wartości (value), a rozwiązanie problemu jest wręcz banalne:
[HTML] pobierz, plaintext 
  1. <form action="" method="post">
  2.  <p><input type="radio" name="radiobutton" value="1" onchange="pokazWybor(this.value); return false;" /> radio 1</p>
  3.  <p><input type="radio" name="radiobutton" value="2" onchange="pokazWybor(this.value); return false;" /> radio 2</p>
  4. </form>
  5. <p id="content"></p>
  6. <script>
  7.  function pokazWybor(nr) {
  8.   document.getElementById("content").innerHTML = "Wybrałeś przycisk " + nr;
  9.  } 
  10. </script>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
szczurcio
post 29.08.2011, 12:57:02
Post #3





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 29.08.2011

Ostrzeżenie: (0%)
-----

Dzięki, ten problem rozwiązany smile.gif. I jeszcze jedno małe pytanie: chcę if'em zrobić tak,że w zależnościod tego, czy 1 czy 2, wyświetlają się różne teskty, be numerów pól, czy w tym wypadku pusty paragraf też jest konieczny?

Ten post edytował szczurcio 29.08.2011, 13:21:42
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 14.05.2025 - 06:54
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn