Mam pytanie do wszystkich znawców biblioteki jquery.
Otóż mam na stronie w jednym formularzu dwa inputy typu radio
<input type="radio" id="w1" name="r1" class="przyczyna_r" />niesprawny produkt
<br /> <input type="radio" id="w2" name="r1" class="przyczyna_r" />towar uszkodzony podczas eksploatacji
<br /> <input type="radio" id="w3" name="r1" class="przyczyna_r" />funkcjonalność towaru niezgodna z oczekiwaniami
<br /><br /> <input type="radio" id="w4" name="r1" class="przyczyna_r" />towar uszkodzony podczas transportu
<br /> <input type="radio" id="w5" name="r1" class="przyczyna_r" />niezgodność ilościowa (nadmiar, niedobór, brak towaru)
<br /> <input type="radio" id="w6" name="r1" class="przyczyna_r" />dostarczono inny towar niż na fakturze sprzedaży
<br /> <input type="radio" id="w7" name="r1" class="przyczyna_r" />towar niekompletny
<br /><br /> <input type="radio" id="w8" name="r1" class="przyczyna_r" />dostarczono inny towar niż był zamówiony
<br /> <input type="radio" id="w9" name="r1" class="przyczyna_r" />towar błędnie zamówiony przez klienta
<br /> <input type="radio" id="w10" name="r1" class="przyczyna_r" />towar nie był zamówiony przez klienta
<br /> <input type="radio" id="w11" name="r1" class="przyczyna_r" />zwrot towaru przeznaczonego do testów
<br /> <input type="radio" id="w12" name="r1" class="przyczyna_r" />przekroczony termin dostawy
<br /> <input type="radio" id="w13" name="r1" class="przyczyna_r" />inna cena niż uzgodniono
<br /><br /> <input type="radio" id="w14" name="r1" class="przyczyna_r" value="inna przyczyna" /><strong><u>inna przyczyna
</u></strong><br /><br />
<!-- START pola widoczne w zależności od wyboru użytkownika -->
<p id="l_przyczna_inna" class="standard_ukryty"><label for="przyczna_inna">Opis problemu
<font class="gwiazdka">*
</font>:
</label> <input type="text" name="przyczna_inna" id="przyczna_inna" class="standard" /></p> <!-- KONIEC koniec pola widoczne w zależności od wyboru użytkownika -->
<input type="radio" id="o1" name="r2" class="przyczyna_r" />korekta za zwrócony towar
<br /> <input type="radio" id="o2" name="r2" class="przyczyna_r" />naprawa gwarancyjna
<br /> <input type="radio" id="o3" name="r2" class="przyczyna_r" />naprawa pogwarancyjna
<br /> <input type="radio" id="o4" name="r2" class="przyczyna_r" />wymiana towaru
<br /> <input type="radio" id="o5" name="r2" class="przyczyna_r" />wymiana uszkodzonej części
<br /><br /> <input type="radio" id="o6" name="r2" class="przyczyna_r" /><strong><u>dostarczenie brakującego towaru
<br /></u></strong><br /> <input type="radio" id="o7" name="r2" class="przyczyna_r" value="inne oczekiwania" /><strong><u>inne oczekiwania
</u></strong><br /><br />
<!-- START pola widoczne w zależności od wyboru użytkownika -->
<p id="l_oczekiwania_inne" class="standard_ukryty"><label for="oczekiwania_inne">Opis oczekiwań
<font class="gwiazdka">*
</font>:
</label> <input type="text" name="oczekiwania_inne" id="oczekiwania_inne" class="standard" /></p> <!-- KONIEC koniec pola widoczne w zależności od wyboru użytkownika -->
i chce żeby przy pierwszym radio o nazwie 'r1' po wybraniu pola inna przyczyna pojawił się akapit o nazwie 'l_przyczna_inna'.
to samo w przypadku 'r2', tyle że chce aby pojawiał się akapit 'l_oczekiwania_inne'
zbudowałem taki oto kod:
$("input:radio[@name='r1']").change(function(){
if ($("input:radio[@name='r1']:checked").val() == 'inna przyczyna') {
$("#l_przyczna_inna").removeClass('standard_ukryty');
}
});
$("input:radio[@name='r2']").change(function(){
if ($("input:radio[@name='r2']:checked").val() == 'inne oczekiwania') {
$("#l_oczekiwania_inne").removeClass('standard_ukryty');
}
});
Po wybraniu radio 'r1' o nazwie inna przyczyna pojawia się akapit 'l_przyczna_inna'. Jednak po wybraniu radio 'r2' akapit 'l_oczekiwania_inne' juz sie nie pojawia.
Czy wie ktos gdzie tkwi błąd?
_________________