Obsługa checkboxa JS

pytanie zadane 2 marca 2019 w JavaScript przez zerakot Obywatel (1,870 p.)

Witam,

Wie ktoś jak zrobić program (JS), który po zaznaczeniu jednego checkboxa pokazuje 1, dwóch - 2 i tak w kółko?

1 odpowiedź

odpowiedź 2 marca 2019 przez Tomek Sochacki Ekspert (227,510 p.)

Możesz sobie pobrać te wszystkie checkboxy, np. ustaw dla nich jakąś jednakową klasę czy atrybut data- i pobierz referencje do tablicy. Następnie przeleć się po tej tablicy i sprawdź ile elementów ma pole checked z wartością true. Pomocna może być tu np. metoda Array.prototype.filter, która Ci zwróci tablicę z elementami zaznaczonymi i po prostu odczytasz sobie jej właściwość length.

Pokaż 14 poprzednich komentarzy

komentarz 2 marca 2019 przez Tomek Sochacki Ekspert (227,510 p.)

nie ma znaczenia czy wartość podasz w html czy potem w JS, wszystko zależy co chcesz osiągnąć, czasami tworzy się elementy dynamicznie, np. na podstawie jakieś zwrotki z servera itp., nie ma tu uniwersalnej odpowiedzi.

komentarz 2 marca 2019 przez zerakot Obywatel (1,870 p.)

W sumie jak sprawdzę to się dowiem

komentarz 2 marca 2019 przez zerakot Obywatel (1,870 p.)

@Tomek Sochacki, No blisko jestem, ale nie wiem gdzie w moim kodzie dać value, aby pobrać wartość checkboxa.

Kod:

function koszyk()
{
	const wszystkie = [...document.querySelectorAll('.kosz')];
	const tylkowybrane = wszystkie.filter(one => one.checked);
	document.getElementById("nazwyproduktowwkoszu") = tylkowybrane;
}

komentarz 2 marca 2019 przez Tomek Sochacki Ekspert (227,510 p.)

eh no weź zajrzyj do dokumentacji co robi metoda getElementById... trochę wysiłku Kolego...

możesz sobie np. zrobić dynamicznie listę ul->li z elementami wybranymi, poczytaj o createElement.