Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][HTML]Problem z onlick
Forum PHP.pl > Forum > Przedszkole
kondziu9516
Witam, poniżej przedstawiam kod.
Problem polega na tym, że jeśli wybiorę tak to wyświetli się select.
Ale jeśli potem wybiore nie to select nie znika co_jest.gif
Dlaczego ?

Pomożecie ?

  1. <li><label>Balkon</label> <div class="form_input"><br>
  2. <input type="radio" id="balkon" name="balkon" value="tak" onclick="document.getElementById('identyfikator').style.display = this.checked ? 'block' : 'none'; this.form.elements['nazwa2'].disabled = this.form.elements['nazwa3'].disabled = !this.checked" /><label for="balkon">TAK</label><br>
  3. <input id="balkon" name="balkon" type="radio" value="nie" /><label for="balkon">NIE</label>
  4. <div id="identyfikator" name="balkon" style="display: none"><br><br>
  5. <select name="ilebalkonow" class="tip_west" title="Ilość balkonów">
  6.  
  7. </select>
  8. </div>
  9. </div></li>


Oczywiście daje +++++
b4rt3kk
Bo jest to zdarzenie onclick, na tym elemencie o value "tak". Natomiast na "nie" nie ma żadnej akcji przypisanej. No i nie ma się co oszukiwać nie jest to najlepszy sposób, raczej należy sprawdzać czy element jest zaznaczony czy nie, a nie czy został kliknięty.
kondziu9516
To jak to zrobić ?

Pomożesz ?
wpaski
Można tak:
  1. <li>
  2. <label>Balkon</label>
  3. <div class="form_input"><br>
  4. <input type="radio" id="balkon" name="balkon" value="tak"
  5. onclick="document.getElementById('identyfikator').style.display = this.checked ? 'block' : 'none';
  6. this.form.elements['nazwa2'].disabled = this.form.elements['nazwa3'].disabled = !this.checked" />
  7. <label for="balkon">TAK</label><br>
  8. <input id="balkon2" name="balkon" type="radio" value="nie"
  9. onclick="document.getElementById('identyfikator').style.display = this.checked ? 'none' : 'none';
  10. this.form.elements['nazwa2'].disabled = this.form.elements['nazwa3'].disabled = !this.checked"/>
  11. <label for="balkon">NIE</label>
  12. <div id="identyfikator" name="balkon" style="display: none"><br><br>
  13. <select name="ilebalkonow" class="tip_west" title="Ilość balkonów">
  14. <option>1</option>
  15. <option>2</option>
  16. <option>3</option>
  17. <option>4</option>
  18.  
  19. </select>
  20. </div>
  21. </div>
  22. </li>
kondziu9516
Wielkie dzięki !
Działa

Oczywiście leci +
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.