Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][HTML]Formularz i lista radio
Forum PHP.pl > Forum > Przedszkole
fire_dept
Witam mam pewien problem, którego nie wiem jak rozwiązać lub nawet ugryźć.
Otóż mam taką grupę buttonów radio

  1. [] adres 1
  2. [] pod adres 1
  3. [] pod adres 2
  4. [] pod adres 3
  5.  
  6. [] adres 2
  7. [] pod adres 1
  8.  
  9. [] adres 3
  10. [] pod adres 1
  11. [] pod adres 2


Założenie 1: zaznaczając adres 1 wszystkie jej podopcje są również zaznaczone ale przekierowywuje na adres 1
Założenie 2: jeżeli klikniemy pod adres 1 może być zaznaczone tylko jedno pole i przekierowuje na pod adres 1
Założenie 3: nie można mieszać list np. adres 1 podadres 2 i adres 2 i pod adres 1
Założenie 4: validacja w trakcie klikania

Bardzo prosiłbym o pomoc ponieważ utknąłem w miejscu.
nospor
no to pokaz kod na którym utknąłeś
fire_dept
Kod generujący grupy jest dynamiczny nigdy nie wiadomo co wygeneruje.

  1. <form action="" method="post" id="redirect_form">
  2. {foreach from=$array.producers item=producer key=k} <!-- lista producentów -->
  3. <div class="producer">
  4. <input type="radio" value="{$producer._url}" id="{$producer._name}_{$k}" name="producer" {if $producer._active} checked="checked"{/if}><label for="{$producer._name}_{$k}"><img src="{$producer._gallery}" alt="{$producer._name}"/></label>
  5. </div>
  6. {foreach from=$array.options item=col name=a key=c} <!-- lista opcji -->
  7. {if $producer._id eq $col._colls}
  8. <div class="option"><input type="radio" value="{$col._url}" id="{$col._title}_{$c}" name="option" {if $col._active} checked="checked"{/if}><label for="{$col._title}_{$c}">{$col._title} <span>({$col._hint})</span></label></div>
  9. {/if}
  10. {/foreach}
  11. {/foreach}
  12. <div><input type="submit"></div>
  13. </form>


A co do js to narazie zrobiłem myślę poprawnie sprawdzanie czy zaznaczone są 2 opcje. Więcej nie mam bo wykasowałem zresztą i tak nie działało.


  1. function count_radio(radios) {
  2. if(radios > 2)
  3. return 0;
  4. else
  5. return 1;
  6. }
  7.  
  8. $('#redirect_form').submit(function() {
  9.  
  10. var rc = $('#redirect_form input:checked').length;
  11.  
  12. if(count_radio(rc) == 0) {
  13. alert('Zostały wybrane więcej niż 2 opcję');
  14. return false;
  15. }
  16. });

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.