Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][PHP]Jak zrobić pole text zależne od radio
Vion
post
Post #1





Grupa: Zarejestrowani
Postów: 112
Pomógł: 2
Dołączył: 27.06.2008

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


Witam
Chcę zrobić element radio w formularzu i jeżeli zostanie wybrana pierwsza opcja to następnym polem w tym formularzu będzie pole typu text, jeśli wybiorę drugą opcję to wyświetli pole typu password. Jak to zrobić ?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 5)
CuteOne
post
Post #2





Grupa: Zarejestrowani
Postów: 2 958
Pomógł: 574
Dołączył: 23.09.2008
Skąd: wiesz, że tu jestem?

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


google -> js onclick
google -> js change type input
Go to the top of the page
+Quote Post
b4rt3kk
post
Post #3





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

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


  1.  
  2. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
  3. <script type="text/javascript">
  4. $(function(){
  5. $('input').change(function(){
  6. switch($(this).val()) {
  7. case 'txt':
  8. $('.someClass').remove();
  9. $('.container').append('<input class="someClass" type="text" />');
  10. break;
  11. case 'pass':
  12. $('.someClass').remove();
  13. $('.container').append('<input class="someClass" type="password" />');
  14. break;
  15. }
  16. });
  17. });
  18. </head>
  19.  
  20.  
  21. <div class="container">
  22. <input type="radio" name="radio" value="txt" />tekst<br/>
  23. <input type="radio" name="radio" value="pass" />hasło</br>
  24. </div>
  25.  


o takie coś chodzi?
Go to the top of the page
+Quote Post
Vion
post
Post #4





Grupa: Zarejestrowani
Postów: 112
Pomógł: 2
Dołączył: 27.06.2008

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


zrobiłem, coś takiego
  1. Opcja 1:<input type="radio" id="dataType" name="dataType"
  2. onchange="if (this.checked==true) document.getElementById('id1').style.display = 'block'">
  3. Opcja 2 <input type="radio" id="dataType" name="dataType"
  4. onchange="if (this.checked==true) document.getElementById('id2').style.display = 'block'">
  5.  
  6.  
  7. <input type="text" name="nr_konta" id="id1" style="display: none"/>
  8. <input type="text" name="nr_konta" id="id2" style="display: none"/>


ale gdy odznaczę dane radio, to pole text jest dalej widoczne
Go to the top of the page
+Quote Post
abort
post
Post #5





Grupa: Zarejestrowani
Postów: 590
Pomógł: 107
Dołączył: 25.10.2011

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


A "powiedziałeś" temu komputerowi (tej przeglądarce), co ma zrobić w przypadku odznaczenia pola? Bo ja wszędzie widze tylko "if (this.checked==true)". A nigdzie nie widzę czegoś w stylu "if (this.checked==false)" i ustawiać display style na "none", a dokładniej na taki sam jak masz zdefininowany oryginalnie w HTML w input type="text". Ba, nawet nie wiem, czy warunek może być tak skonstruowany (słaby z JS jestem) - ale to, że przeglądarka czegoś nie zrobi po odznaczeniu to widać wprost z kodu, który nie przewiduje odznaczania opcji...

No chyba że ślepy jestem (siódma rano, niedobór kofeiny...) (IMG:style_emoticons/default/smile.gif) - albo że się nie znam (niewykluczone)
Go to the top of the page
+Quote Post
szczemp
post
Post #6





Grupa: Zarejestrowani
Postów: 149
Pomógł: 9
Dołączył: 9.12.2010

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


radio nie można chyba odznaczyć tak jak checkboxa
jak już jest zaznaczone to już będzie do przeładowania strony, mozna jedynie przełączać się pomiędzy radiami

edycja
sorry, można
przecież jest input type reset

Ten post edytował szczemp 24.10.2012, 10:13:03
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 27.09.2025 - 06:53