Drukowana wersja tematu

Napisany przez: trifek 16.06.2016, 15:11:11

Witam serdecznie,
Mam taki kod HTML:

[HTML] pobierz, plaintext 
OPCJE GŁÓWNE
<http://december.com/html/4/element/input.html  checked  type="checkbox" value='2' name="zaznacz[]" class="zaznacz_sprawdz" /> opcja 1
<http://december.com/html/4/element/input.html  type="checkbox" value='8' name="zaznacz[]" class="zaznacz_sprawdz" />  opcja 2
<http://december.com/html/4/element/input.html  type="checkbox" value='9' name="zaznacz[]" class="zaznacz_sprawdz" />  opcja 3
<http://december.com/html/4/element/input.html  checked  type="checkbox" value='10' name="zaznacz[]" class="zaznacz_sprawdz" />  opcja 4
<http://december.com/html/4/element/input.html  type="checkbox" value='3' name="zaznacz[]" class="zaznacz_sprawdz" />   opcja 5
<http://december.com/html/4/element/input.html  type="checkbox" value='11' name="zaznacz[]" class="zaznacz_sprawdz" />  opcja 6
<http://december.com/html/4/element/input.html  type="checkbox" value='12' name="zaznacz[]" class="zaznacz_sprawdz" />  opcja 7
<http://december.com/html/4/element/input.html  type="checkbox" value='13' name="zaznacz[]" class="zaznacz_sprawdz" />  opcja 8
<http://december.com/html/4/element/input.html  type="checkbox" value='14' name="zaznacz[]" class="zaznacz_sprawdz" />  opcja 9
<http://december.com/html/4/element/input.html  type="checkbox" value='15' name="zaznacz[]" class="zaznacz_sprawdz" />  opcja 10
 
OPCJE WYKLUCZONE
<http://december.com/html/4/element/input.html  checked  type="checkbox" value='2' name="wymagaj[]" class="wymagaj_sprawdz" />  opcja 1
<http://december.com/html/4/element/input.html  type="checkbox" value='8' name="wymagaj[]" class="wymagaj_sprawdz" />  opcja 2
<http://december.com/html/4/element/input.html  type="checkbox" value='9' name="wymagaj[]" class="wymagaj_sprawdz" />  opcja 3
<http://december.com/html/4/element/input.html  checked  type="checkbox" value='10' name="wymagaj[]" class="wymagaj_sprawdz" />  opcja 4
<http://december.com/html/4/element/input.html  type="checkbox" value='3' name="wymagaj[]" class="wymagaj_sprawdz" />   opcja 5
<http://december.com/html/4/element/input.html  type="checkbox" value='11' name="wymagaj[]" class="wymagaj_sprawdz" />  opcja 6
<http://december.com/html/4/element/input.html  type="checkbox" value='12' name="wymagaj[]" class="wymagaj_sprawdz" />  opcja 7
<http://december.com/html/4/element/input.html  type="checkbox" value='13' name="wymagaj[]" class="wymagaj_sprawdz" />  opcja 8
<http://december.com/html/4/element/input.html  type="checkbox" value='14' name="wymagaj[]" class="wymagaj_sprawdz" /> opcja 9
<http://december.com/html/4/element/input.html  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

Napisany przez: fate 16.06.2016, 15:25:51

trzeba porównać value

Napisany przez: trifek 16.06.2016, 15:36:33

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

Napisany przez: trueblue 16.06.2016, 15:48:46

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

Napisany przez: trifek 16.06.2016, 16:09:15

[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ę...

Napisany przez: trueblue 16.06.2016, 16:13:44

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.

Napisany przez: viking 16.06.2016, 16:17:07

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

Napisany przez: ZenekN 16.06.2016, 16:25:17

https://jsfiddle.net/p2n4goq9/1/

1. Unikajmy bałaganu w HTML ;-)

@trueblue

Napisany przez: trifek 16.06.2016, 16:59:15

dziękuje, działa

Napisany przez: trueblue 16.06.2016, 17:40:36

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/

Napisany przez: trifek 16.06.2016, 17:45:08

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