Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [js] radio button's + aktywny/nieaktywny checkbox
arkapark
post
Post #1





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 16.07.2010

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 21.08.2025 - 20:20