Kod
jQuery(".typy > div > a").click(function() {
jQuery(".typy > div").css("opacity", 1)
jQuery(".typy > div .form").hide();
jQuery(this).parent().css("opacity", 1);
jQuery(this).parent().children(".form").show();
jQuery("#pakiet").val(jQuery(this).parent().attr("class"));
//console.log(jQuery("#pakiet").parent().css("border", "1px solid red"));
jQuery("#miesiace").val(jQuery(this).parent().children(".form").children('input[name="miesiace"]').val());
jQuery("#wypelnienia").val(jQuery(this).parent().children(".form").children('input[name="wypelnienia"]').val());
//jQuery(this).children(".form").children('input[name="miesiace"]').focus();
return false;
});
jQuery(".typy > div").css("opacity", 1)
jQuery(".typy > div .form").hide();
jQuery(this).parent().css("opacity", 1);
jQuery(this).parent().children(".form").show();
jQuery("#pakiet").val(jQuery(this).parent().attr("class"));
//console.log(jQuery("#pakiet").parent().css("border", "1px solid red"));
jQuery("#miesiace").val(jQuery(this).parent().children(".form").children('input[name="miesiace"]').val());
jQuery("#wypelnienia").val(jQuery(this).parent().children(".form").children('input[name="wypelnienia"]').val());
//jQuery(this).children(".form").children('input[name="miesiace"]').focus();
return false;
});
CODE
<div class="content">
<h1>Krok 1 - wybierz pakiet</h1>
<div class="typy">
<p>Masz 3 dni na bezpłatne testy swojej ankiety. Po tym czasie należy zapłacić lub usunąć ankietę z systemu bez ponoszenia konsekwencji.
<br />Wykonać badanie za Ciebie? Stworzymy, rozpowszechnimy i przygotujemy raport. Napisz:<a href="mailto:biuro@ankieter.pl"> </a>biuro@ankieter.pl</p>
<div class="bezplatne">
<a href="#"><input type="radio" name="wypelnienia" value="000" />Ankieta bezpłatna</a>
<p class="pay">cena 0 zł</p>
<ul>
<li>Wszystkie zaawansowane funkcje,</li>
<li>Ograniczenia: 15 pytań w ankiecie,</li>
<li>Ankieta pozostaje w systemie przez 30 dni,</li>
</ul>
<!-- <div class="cena">0 zł</div>-->
</div>
<div class="silver">
<a href="#"><input type="radio" name="wypelnienia" value="000" />Pojedyncza ankieta</a>
<p class="pay">cena 19 zł</p>
<ul>
<li>Dostęp do wszystkich funkcji,</li>
<li>Bez ograniczeń czasowych,</li>
<li>Wieczysty dostęp do ankiety i wyników,</li>
</ul>
<!-- <div class="form">ilość ankiet: <input type="text" name="miesiace" value="1" /></div>-->
<!--<div class="cena"><span class="cenaNum">19</span> zł</div> -->
</div>
<div class="gold">
<a href="#"><input type="radio" name="wypelnienia" value="000" />Abonament miesięczny</a>
<p class="pay">cena 49 zł</p>
<ul>
<li>Dowolna ilość ankiet przez miesiąc,</li>
<li>Wszystkie funkcje bez ograniczeń,</li>
<li>Wieczysty dostęp do ankiet i wyników,</li>
</ul>
<!-- <div class="form">wypełnień: <input type="text" name="wypelnienia" value="000" />, miesięcy: <input type="text" name="miesiace" value="1" /></div>-->
<!-- <div class="cena"><span class="cenaNum">49</span> zł/m-c</div> -->
</div>
<div class="roczny">
<a href="#"><input type="radio" name="wypelnienia" value="000" />Abonament roczny</a>
<p class="pay">cena 490 zł</p>
<ul>
<li>Dowolna ilość ankiet,</li>
<li>Wszystkie funkcje bez ograniczeń,</li>
<li>Wieczysty dostęp do ankiet i wyników,</li>
</ul>
<!-- <div class="form">wypełnień: <input type="text" name="wypelnienia" value="000" />, miesięcy: <input type="text" name="miesiace" value="1" /></div>-->
<!-- <div class="cena"><span class="cenaNum">490</span> rok</div> -->
</div>
<div class="clear"></div>
</div>
Na javascripcie oraz jquery kompletnie się nie znam.
Mam taki problem po zaznaczeniu pola radio widok podskakuje na samą górę przeglądarki.
Jak temu zaradzić?