[jquery] uwidacznianie div'a po wyborze w formularzu

[jquery] uwidacznianie div'a po wyborze w formularzu

MalyKazio Zobacz profil	11.06.2014, 10:22:30 Post #1
Grupa: Zarejestrowani Postów: 168 Pomógł: 1 Dołączył: 19.11.2005 Ostrzeżenie: (0%)	Mam mniej więcej taki kod: [HTML] pobierz, plaintext <head> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="style.css" /> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" /> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> </head> <body> Wybór 1:<br /> <form action="index.php" method="post" enctype="multipart/form-data"> <input type="radio" name="wybor1" value="tak" checked="checked"/>Opis wyboru na tak <br /> <input type="radio" name="wybor1" value="nie" />Opis wyboru nie <div id="tekst1" class="ukryte">tutaj jakiś tekst</div> </form> </body> [HTML] pobierz, plaintext Teraz moje pytanie, bo nie jestem sobie w stanie poradzić. Standardowo div o id=tekst1 jest niewidoczny. Jak zrobić by pojawiał sie tylko w przypadku wyboru inputa opisanego "nie" (tzn. chodzi mi albo o usuniecie klasy "ukryte" albo o jej zmiane na klasę powiedzmy "widoczne")? Próbowałem znaleźć coś w dokumentacji jquery, ale niestety nie radzę sobie z tym najlepiej. Ten post edytował MalyKazio 11.06.2014, 10:23:33

Odpowiedzi

MalyKazio Zobacz profil	11.06.2014, 10:59:56 Post #2
Grupa: Zarejestrowani Postów: 168 Pomógł: 1 Dołączył: 19.11.2005 Ostrzeżenie: (0%)	Turson: Dzięki, o coś takiego mi właśnie chodziło. A da się zrobić tak, żeby dla kilku miejsc było tak samo (żeby dla każdej wersji nie pisać oddzielnego JS)? Jest taki kod: [HTML] pobierz, plaintext $('input[name="wybor1"]').on('change', function(){ var value = $(this).val(); if(value=='nie') $('div#tekst1').show(); else $('div#tekst1').hide(); }) [HTML] pobierz, plaintext A żeby tym samym kodem zapłatwić jeszcze wybor2 (i powiazany z nim tekst2), wybor3 itd?

Posty w temacie

MalyKazio [jquery] uwidacznianie div'a po wyborze w formularzu 11.06.2014, 10:22:30

nospor Problem z AJAX nie ma zadnego zwiazku.... patrz pr... 11.06.2014, 10:26:44

Turson http://jsfiddle.net/3Auqm/ 11.06.2014, 10:28:08

MalyKazio Turson: Dzięki, o coś takiego mi właśnie chodziło.... 11.06.2014, 10:59:56

Turson http://jsfiddle.net/3Auqm/1/ 11.06.2014, 11:06:40

MalyKazio Śmiga, że aż miło. Dziękuję bardzo, jestem wdzięcz... 11.06.2014, 12:27:51

2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

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

Aktualny czas: 5.10.2025 - 13:43

Hosting zapewnia