Forum PHP.pl

Witam serdecznie,
Mam taki kod HTML:

[HTML] pobierz, plaintext 
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
[HTML] pobierz, plaintext 

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

trzeba porównać value

tak, wiem... tylko nie wiem jak to zrobić

Próbowałem czymś takim:

[HTML] pobierz, plaintext 
$('.zaznacz_sprawdz').click(function() { 
    if($(this).is(":checked")) // zaznaczony wymagaj_sprawdz
    { 
        if($('.wymagaj_sprawdz').val() == $(this).val()){
            alert('Nie można wybrać tej opcji ponieważ została ona już wybrana WYMAGANYCH.')
            $(this).prop('checked', false);
        }
 
    } else { // odznaczony
 
    }
}); 
[HTML] pobierz, plaintext 

ale nie działa to tak, jak powinno

Musisz sprawdzić w drugiej grupie checkbox o tym samym indeksie, który jest klikany w pierwszej grupie.
Obecnie sprawdzasz zawsze pierwszy w drugiej grupie.

[HTML] pobierz, plaintext 
$('.zaznacz_sprawdz').click(function() { 
    if($(this).is(":checked")) // zaznaczony wymagaj_sprawdz
    { 
        var selected = [];
        $('.wymagaj_sprawdz').each(function() {
           if ($('.wymagaj_sprawdz').val() == $(this).val()) { 
               selected.push($('.wymagaj_sprawdz').attr('val'));
               alert('Nie można wybrać tej opcji ponieważ została ona już wybrana WYMAGANYCH.');
               $(this).prop('checked', false);
           }
        }); 
    } else { // odznaczony
 
    }
}); 
[HTML] pobierz, plaintext 

Coś w tym stylu? Nie wiem dlaczego zawsze wyświetla mi wartość "2" w $(this).val() :/ bez względu co kliknę...

Teraz sprawdzasz każdy z drugiej grupy.

Jeśli sprawdzasz 2 w pierwszej grupie, to również 2 w drugiej grupie.
Możesz to zrobić korzystając z pętli each: http://api.jquery.com/jquery.each/

Albo jeszcze inaczej. Skoro każdy odpowiednik ma taki sam atrybut value, to klikając w pierwszej grupie input z value=5, sprawdzasz w drugiej grupie input z tym samym value.

I mógłbyś tez za pomocą fieldset stworzyć logiczne grupy. Wtedy zbędne były by klasy na każdym elemencie.

dziękuje, działa

Nie bardzo wiem co miałeś na myśli.

Ale jeśli już dwie pętle, to może lepiej jedna.
https://jsfiddle.net/p2n4goq9/2/

A osobiście zrobiłbym tak:
https://jsfiddle.net/p2n4goq9/3/

Ten post edytował trueblue 16.06.2016, 17:40:51

Mam jeszcze pytanie

Przerobiłem ten skrypt na taki:

[HTML] pobierz, plaintext 
$('.zaznacz_sprawdz').click(function() { 
        if($(this).is(":checked")) // zaznaczony wymagaj_sprawdz
        { 
            aktualny = $(this).val();
        if($('.wymagaj_sprawdz[value="'+aktualny+'"]').is(':checked'))
        {
            alert('Ten rekord jest już wybrany w WYMAGANYCH');
            $(this).prop('checked', false);
        }
        else{
            aktualny = $(this).val();
            var randomp = Math.round(Math.random() * 99999) + Math.round(Math.random() * 100000);           
            $.get("check_producy.php", {query2: randomp, query1: $(this).val(), query3: 1}, function(data1) {         
                //$(".producent2").html(data1); 
                var myArray = data1.split('|');
                if(myArray.length > 0 ){
                    var r = confirm("Znalazłem powiązania w konfiguracji WYKLUCZEŃ. Czy nanieść konfigurację na planszę?");
                    if (r == true) {
                        for (var i = 0; i <= myArray.length + 1; i++) {
                            if(myArray[i] !="" && myArray[i] !="undefined"  && myArray[i] !="DODAJ"  && myArray[i] !="USUN"  && myArray[i] != null){
                                $(".zaznacz_sprawdz:checkbox[value="+myArray[i]+"]").prop("checked","true");
                            }
                        }
                    } else {
                        alert('Operacja anulowana!');
                        $('.zaznacz_sprawdz:checkbox[value="' + aktualny + '"]').attr('checked', false);
                    }
                }
            });
        }
        }
    });
[HTML] pobierz, plaintext 

Z pliku PHP dostaję odpowiedź w formie: DODAJ|2|8|9|10|| lub brak jakiegokolwiek tekstu.

Chciałbym żeby skrypt wyświetlił jeszcze dodatkowo alerta z pytaniem (w momencie gdy z PHP pobierze informację DODAJ): "Wykryto powiązania w bazie danych. Nanieść je na listę? TAK / NIE - po kliknięciu na TAK
odznaczy na stronie w checkboxach wszystkie te, które mają wartość: 2, 8, 9, 10 i należą do klasy zaznacz_sprawdz).

Chodzi o to żeby skrypt sprawdzał prócz obecnie widocznych powiązań jeszcze te z bazy danych

Ten post edytował trifek 16.06.2016, 18:19:23