Sprawdzanie zaznaczonych checkboxów w JQUERY


(northwest) #1

Witam serdecznie,
Mam taki kod HTML:

OPCJE GŁÓWNE

<input  checked  type="checkbox" value='2' name="zaznacz[]" class="zaznacz_sprawdz" /> opcja 1

<input  type="checkbox" value='8' name="zaznacz[]" class="zaznacz_sprawdz" />  opcja 2

<input  type="checkbox" value='9' name="zaznacz[]" class="zaznacz_sprawdz" />  opcja 3

<input  checked  type="checkbox" value='10' name="zaznacz[]" class="zaznacz_sprawdz" />  opcja 4

<input  type="checkbox" value='3' name="zaznacz[]" class="zaznacz_sprawdz" />   opcja 5

<input  type="checkbox" value='11' name="zaznacz[]" class="zaznacz_sprawdz" />  opcja 6

<input  type="checkbox" value='12' name="zaznacz[]" class="zaznacz_sprawdz" />  opcja 7

<input  type="checkbox" value='13' name="zaznacz[]" class="zaznacz_sprawdz" />  opcja 8

<input  type="checkbox" value='14' name="zaznacz[]" class="zaznacz_sprawdz" />  opcja 9

<input  type="checkbox" value='15' name="zaznacz[]" class="zaznacz_sprawdz" />  opcja 10



OPCJE WYKLUCZONE

<input  checked  type="checkbox" value='2' name="wymagaj[]" class="wymagaj_sprawdz" />  opcja 1

<input  type="checkbox" value='8' name="wymagaj[]" class="wymagaj_sprawdz" />  opcja 2

<input  type="checkbox" value='9' name="wymagaj[]" class="wymagaj_sprawdz" />  opcja 3

<input  checked  type="checkbox" value='10' name="wymagaj[]" class="wymagaj_sprawdz" />  opcja 4

<input  type="checkbox" value='3' name="wymagaj[]" class="wymagaj_sprawdz" />   opcja 5

<input  type="checkbox" value='11' name="wymagaj[]" class="wymagaj_sprawdz" />  opcja 6

<input  type="checkbox" value='12' name="wymagaj[]" class="wymagaj_sprawdz" />  opcja 7

<input  type="checkbox" value='13' name="wymagaj[]" class="wymagaj_sprawdz" />  opcja 8

<input  type="checkbox" value='14' name="wymagaj[]" class="wymagaj_sprawdz" /> opcja 9

<input  type="checkbox" value='15' name="wymagaj[]" class="wymagaj_sprawdz" />  opcja 10

Potrzebuję funkcję w JQUERY która będzie sprawdzała czy po kliknięciu jakiegokolwiek checkboxa z opcji głównych i wykluczonych nie są zduplikowane (wybrane podwójnie).
Czyli np. w momencie gdy zaznaczę pierwszego checkboxa w opcjach głównych - to po zaznaczeniu pierwszego checkboxa z opcji wykluczonych wyskoczy alert z komunikatem błędu i odznaczy zduplikowany checkbox (ostatnio kliknięty).

Użytkownik wybiera zarówno opcje główne jak i wykluczone - tylko jedną, nie może być duplikatów (opcji zaznaczonych w obu wariantach)

Wie ktoś może jak to zrobić?

Bardzo proszę o pomoc


(ttomas) #2

na szybko z błędami napiszę tak :),

$(".zaznacz_sprawdz").click(function() {

 var val=$(this).val(); 

  $(".wymagaj_sprawdz").each(function() {

   if($(this).attr("checked")) {

    var val1=$(this).val();

     if(val==val1) {

      alert("Błąd");

       $(this).attr('checked', false);

     }

    }

 })

};

nie rozwiązuje wszystkich możliwości ale to na początek.