Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS] Pobranie danych z kilku checkboksów
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
szok
Witam, mam problem, nie wiem jak pobrać za pomocą JS najlepiej w tablicy wszystkich zaznaczonych checkboksów
Ich postać wygląda tak:

<input type="checkbox" name="check" value="<?=$dane['id']?>">

Jak zrobić aby za pomocą np zdarzenia onclick pobrać wszystkie dane który checkbox został zaznaczony a który nie?

Pozdrawiam serdecznie smile.gif
23kulpamens
Chcesz czysty JavaScript czy może być jakiś framework?? Bo jeżeli może być prototype.js to tak:

Kod
var chcecked = $$('a[name="check"]').pluck('checked');


a w czystym JS o wiele bardziej skomplikowanie winksmiley.jpg
szok
Myślę że to będzie ok, jutro to przetestuje,hm a pod jaką nazwą w googlach szukać tego po czystym JS ?
erix
Cytat
a w czystym JS o wiele bardziej skomplikowanie

Tak, bo trzeba napisać 3-4 linijki zamiast jednej. winksmiley.jpg Poza tym, w Twoim listingu jest błąd, gdyż chodzi o pole formularza, a nie linka. winksmiley.jpg

Cytat
nie wiem jak pobrać za pomocą JS najlepiej w tablicy wszystkich zaznaczonych checkboksów
Ich postać wygląda tak:

Iterujesz po tablicy document.forms['formularz'].elements i sprawdzasz, czy atrybut type, to checkbox. winksmiley.jpg

Framework do takiej prostej rzeczy, to jeden ze szczytów lenistwa. ;P
szok
Napisałem smile.gif I działa
O to kod:

  1. function checkitems(){
  2. var list = '';
  3. for (i=0; i<document.orders.checkgroup.length; i++){
  4. if (document.orders.checkgroup[i].checked==true)
  5. list += document.orders.checkgroup[i].value+' ';
  6. }
  7. alert('lista: '+list);
  8. }


I formularz:

  1. <form name="orders">
  2. <input type="checkbox" name="checkgroup" value="wartosc" /> Oczywiście w pętli z nr zamówień w wartości value
  3. <input type="button" onclick="checkitems();" value="pokaz" />
  4. </form>


Może się komuś przyda, tym bardziej że wpisująć w googlach "pobranie danych z kilku checkboksów" ten post jest w pierwszym wyniku smile.gif

Pozdrawiam i dziękuje za pomoc.
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.