[jQuery] Problem z chexboxami i listami rozwijalnymi

[jQuery] Problem z chexboxami i listami rozwijalnymi

raval Zobacz profil	1.04.2011, 12:06:32 Post #1
Grupa: Zarejestrowani Postów: 100 Pomógł: 0 Dołączył: 1.04.2011 Ostrzeżenie: (0%)	Witam, Mam problem zwiazany z zaznaczeniem checkboxow. Podkreślam, ze jestem poczatkujacy. Problem polega na tym, ze dla kazdego zaznaczonego check boxa, ma sie pojawic lista rozwijalna. Poniżej zamieszczan kod HTML: Kod <table border="0" style="display: inline;"> <tr><td><input type="checkbox" name="dotykowy" value="1" id="box" />android</td> <td><select id="lista" name="nazwa" value="1"> <option>-- wybierz --</option> </select> </td></tr> <tr><td><input type="checkbox" name="zwykły" value="2" id="box" />windows</td> <td><select id="lista" name="nazwa" value="2"> <option>-- wybierz --</option> </select> </td></tr></table> Stworzylem tabele, w ktorej mieszcza sie w przykładzie dwa "checkbox'y" oraz dwie listy rozwijalne, ktore sa ukryte (planuje by bylo ich wiecej). Teraz poprzez jQuery chcialbym by przy kliknieciu checkboxa, lista sie pojawila. Napisalem maly skrypcik, gdzie pojawia sie, ale tylko dla pierwszego checkboxa, drugi w ogole nie dziala. Moje pytanie brzmi jak napisac poprawnie skrypt jQuery, zeby dzialal na wszystkich checkboxow, tzn. ze jak zaznacze drugi checkbox, pojawi sie druga lista rozwijalna. Ponizej zamieszczam moj skrypcik: Kod $(document).ready( function() { $("#box").click(function(){ if($(this).is(":checked") ) //if($(this).attr("checked")) //attribute { $("#lista").show(); //$(this).next("#lista").show(); } else { $("#lista").hide(); } }); Bardzo proszę o pomoc (IMG:style_emoticons/default/wink.gif) Powód edycji: [phpion]: Przeniosłem opis tematu do tytułu.