Forum PHP.pl > [HTML]wybór za pomocą radio button

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML]wybór za pomocą radio button

peklo

15.01.2014, 14:57:49

witam
Mam problem z formularzem, a mianowicie. Chciałbym wykonac pole wyboru poprzez radio button albo inną techniką ale nic mi z tego nie wychodzi. Chcę żeby były dwa radio buttony i jesli zaznacze jeden z nich to np pokaże się mi literka A , a jesli wybiorę drugi to pokaże się literka B jednocześnie zniknie literka A. I na odwrót oczywiście. Zaznaczam B znika A.
W tych komentach w kodzie będą oczywiscie input select

nospor

15.01.2014, 16:32:27

Jak ci pisano, bys uzywal bbcode, to chodzilo bys uzywal bbcode dla kodow, a nie dla opisow problemu...

YourFrog

15.01.2014, 19:46:56

Z tego co zrozumiałem chodziło ci o rozwiązanie przy pomocy JS. Mistrzem javascriptu to ja nie jestem i potrafię pisać jedynie z użyciem JQuery także łapaj kod.

[HTML] pobierz, plaintext 
<html>
<head>
	<title>Przykład z radio buttonem</title>
	<meta charset="utf-8" />
	<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
 
	<script>
		$(document).ready(function(){
			var spanLetter = $('span.letter');
 
			$('input').click(function(){
				var val = $(this).val();
 
				if( val == 1 )
				{
					spanLetter.show();
					return;
				}
 
				spanLetter.hide();
			});
		});
	</script>
</head>
<body>
	<form method="post" action="">
		<table>
			<tr>
				<td>
					<input type="radio" name="sample" value="1" id="sample-1" checked="checked">
					<label for="sample-1">Pokaż literę "A"</label>
				</td>
				<td>
					<input type="radio" name="sample" value="2" id="sample-2">
					<label for="sample-2">Ukryj literę "A"</li>
				</td>
			</tr>
			<tr>
				<td colspan="2">
					<p>Oto magiczna litera >> <span class="letter">A</span></p>
				</td>
			</tr>
		</table>
	</form>
</body>
</html>
[HTML] pobierz, plaintext

peklo

16.01.2014, 09:54:07

sorki nospor za tego html.
niestety ale kod nie działa:(

już działa problem był z linkiem do js. dzięki

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.