Forum PHP.pl > [HTML][PHP]Jak zrobić pole text zależne od radio

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][PHP]Jak zrobić pole text zależne od radio

Vion

23.10.2012, 23:05:03

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ć ?

CuteOne

23.10.2012, 23:18:07

google -> js onclick
google -> js change type input

b4rt3kk

23.10.2012, 23:23:05

[HTML] pobierz, plaintext 
 
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script type="text/javascript">
$(function(){
  $('input').change(function(){
    switch($(this).val()) {
    case 'txt':
    $('.someClass').remove();
    $('.container').append('<input class="someClass" type="text" />');
    break;
    case 'pass':
    $('.someClass').remove();
    $('.container').append('<input class="someClass" type="password" />');
    break;
    }
  });
});
</script>
</head>
 
<body>
 
<div class="container">
<input type="radio" name="radio" value="txt" />tekst<br/>
<input type="radio" name="radio" value="pass" />hasło</br>
</div>
 
[HTML] pobierz, plaintext

o takie coś chodzi?

Vion

23.10.2012, 23:23:08

zrobiłem, coś takiego

[HTML] pobierz, plaintext 
Opcja 1:<input type="radio"  id="dataType" name="dataType" 
		onchange="if (this.checked==true) document.getElementById('id1').style.display = 'block'">
	Opcja 2	<input type="radio"  id="dataType" name="dataType" 
		onchange="if (this.checked==true) document.getElementById('id2').style.display = 'block'">
 
 
	<input type="text" name="nr_konta" id="id1" style="display: none"/>	
	<input type="text" name="nr_konta" id="id2" style="display: none"/>	
[HTML] pobierz, plaintext

ale gdy odznaczę dane radio, to pole text jest dalej widoczne

abort

24.10.2012, 06:18:19

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...)

- albo że się nie znam (niewykluczone)

szczemp

24.10.2012, 10:11:42

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

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.