Pobieranie warości z checkboxa JS

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

Witam,

Jak mogę pobrać wartość z takiego inputa?:

<input type='checkbox' name='kosz[]' class='kosz' onClick='kosz()' value='kod php'/>"."<label>Koszyk</label>

Dodam, że wartość to zmienna php i jest kilka takich inputów (identycznych), i aby je wszystkie pobrać.

1 odpowiedź

odpowiedź 2 kwietnia 2019 przez k.wichura Pasjonat (19,870 p.)

console.log(document.querySelector('input').value)

Pokaż 7 poprzednich komentarzy

komentarz 2 kwietnia 2019 przez k.wichura Pasjonat (19,870 p.)

querySelectorAll zwraca nodelist wiec musisz iterowac po elementach

alert(document.querySelectorAll("input[name='kosz[]']")[0].value);

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

Dziękuję za pomoc. Działa! Nie będę zamykał tematu, bo jak będę miał jakieś pytania to tu napiszę.

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

I jeszcze szybkie pytanko:

Jak zrobić, aby pętla wybierała tylko te, które są zaznaczone? Kod sprawdzający mam, ale jak mogę go użyć do takiego zadania?

function kosz()
{
const all = [...document.querySelectorAll('.kosz')];
const onlyChecked = all.filter(one => one.checked);
document.getElementById("ilewkoszu").innerHTML = onlyChecked.length;
document.getElementById("hidden").value = onlyChecked.length;
}

function nazwykosz()
{
	var numer = 0;
	while (numer < 10)
	{
		alert(document.querySelectorAll("input[name='kosz[]']")[numer].value);
		numer++;
	}
	
}

komentarz 2 kwietnia 2019 przez k.wichura Pasjonat (19,870 p.)

function getCheckedValue(){
  const inputs = [...document.querySelectorAll("input[name='kosz[]']")];
  inputs.forEach((input, idx) => {
    if(input.checked) {
        console.log(input.value)
    }
  });
}

https://developer.mozilla.org/pl/docs/Web/JavaScript/Referencje/Obiekty/Array/forEach

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox

komentarz 2 kwietnia 2019 przez zerakot Obywatel (1,870 p.)
edycja 3 kwietnia 2019 przez zerakot

Dziękuję za pomoc! Działa! A jak mogę zrobić, aby zapisać wartości tych inputów w jednej tabeli tak, aby się nie sklejały, tylko każdy miał swój index? I jak wsadzić input.value do zmiennej?

Może, aby po napotkaniu znaku np.: *, robiło nowy index