Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js] radio button's + aktywny/nieaktywny checkbox
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
arkapark
Witam Was, to mój pierwszy post na tym Forum.
Po dwóch godzinach walki z nurtującym mnie problemem i kilkunastu testach postanowiłem zarejestrować się i poprosić o pomoc mądrzejszych.

problem:
Mam w moim formularzu 12 pól typu radio button i w każdym z nich jeden checkbox oraz mnóstwo innych opcji ale to już bez znaczenia.
Jak zrobić żeby wspomniane checkbox'y przyjmowały "status" aktywny/nieaktywny (disabled false/true) w zależności od wybranego radio buttona?

czyli:
1. start --> wszystkie checkbox'y nieaktywne
2. wybieram radio 1 --> checkbox 1 aktywny
3. wybieram radio 2 --> checkbox 2 aktywny, checkbox 1 nieaktywny
4. wybieram radio 3 --> checkbox 3 aktywny, checkbox 2 nieaktywny
5. itd...


...podobnie jak tutaj tyle, że nie dla dwóch radio buttonów tylko dla 12
  1. <script type="text/javascript">
  2. function off(i) {
  3. i.box_1.disabled = false;
  4. i.box_2.disabled = true
  5. }
  6.  
  7. function on(i) {
  8. i.box_1.disabled = true;
  9. i.box_2.disabled = false
  10. }
  11.  
  12. <form name="formBox">
  13. <input type="radio" value="11" name="opc_1" onclick="off(this.form)" /> opcja 1
  14. <input type="checkbox" name="box_1" value="" disabled="disabled" /><br /><br />
  15.  
  16. <input type="radio" value="22" name="opc_1" onclick="on(this.form)" /> opcja 2
  17. <input type="checkbox" name="box_2" value="" disabled="disabled" /><br /><br />
  18.  
  19. <input type="radio" value="33" name="opc_1" onclick="" /> opcja 3 (?)
  20. <input type="checkbox" name="box_3" value="" disabled="disabled" />
  21. </form>
  22.  


z góry dzięki za zainteresowanie i pomoc.
thomson89
Może spróbuj, zawsze zablokować wszystkie pola typu chekbox w danym divie i odblokować jeden.
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.