Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]checkbox - reset - select
Forum PHP.pl > Forum > Przedszkole
kotek2185
10.05.2012, 12:40:48
Witam,

otóż mam pewien problem odnośnie checkboxa. Mam sobie checkbox który wyglada tak:

[HTML] pobierz, plaintext 
  1. <input type="checkbox" id="zwik" name="zwik" value="zwik" onClick="this.form.elements['prz_zwik_wo'].disabled  = !this.checked"/>
[HTML] pobierz, plaintext


oraz pole select:

[HTML] pobierz, plaintext 
  1. <select name="prz_zwik_wo" size="1" style="width:150px;" disabled="disabled">
  2. <option selected  value="0">Brak</option>
  3. <option value="1">1</option>
  4. <option value="2">2</option>
  5. <option value="3">3</option>
  6. </select>
[HTML] pobierz, plaintext


Oba te pola są w naturalnie w formie. Chceckbox po wciśnieciu uaktywnia select, i mogę wybrać z listy jedą z opcji. Przypuścimy że wybieram opcję "2", poczym rozmyśliłem się i chcę odznaczam checkbox'a, tylko problemem moim jest że select dalej ma wybraną opcję "2" - oczywiście nieaktywną, ale jak wymusić na polu checkbox by po odznaczeniu w polu select ustawił opcję z powrotem na domyślną "selected" questionmark.gif
bpskiba
10.05.2012, 15:37:25
Cytat(kotek2185 @ 10.05.2012, 13:40:48 ) *
Oba te pola są w naturalnie w formie. Chceckbox po wciśnieciu uaktywnia select, i mogę wybrać z listy jedą z opcji. Przypuścimy że wybieram opcję "2", poczym rozmyśliłem się i chcę odznaczam checkbox'a, tylko problemem moim jest że select dalej ma wybraną opcję "2" - oczywiście nieaktywną, ale jak wymusić na polu checkbox by po odznaczeniu w polu select ustawił opcję z powrotem na domyślną "selected" questionmark.gif


[HTML] pobierz, plaintext 
  1. <HTML>
  2. <BODY>
  3.       <script type="text/javascript">
  4.       function a(am)
  5.         {
  6.         if(am.checked==false)
  7.             {
  8.              document.getElementById("se").value=0;
  9.              document.getElementById("se").disabled="disabled"    ;
  10.             }
  11.          else
  12.            {
  13.              document.getElementById("se").disabled=false;
  14.            }
  15.         }
  16.      </script>
  17.      <form action="#" method="post">
  18.      <input type="checkbox" id="zwik" name="zwik" value="zwik" onClick="a(this);"/>
  19.  
  20.     <select name="prz_zwik_wo" size="1" style="width:150px;" disabled="disabled" id="se">
  21.     <option selected value="0">Brak</option>
  22.     <option value="1">1</option>
  23.     <option value="2">2</option>
  24.     <option value="3">3</option>
  25.     </select>
  26.      </form>
  27. </BODY>
  28. </HTML>
[HTML] pobierz, plaintext
kotek2185
10.05.2012, 16:16:01
uff działa aż miło...szkoda tylko, że tak błądziłem...myślałem że obejdzie się może bez javascript. Dziękować ślicznie.

temat do zamknięcia
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.