Js formularz switch wynik

Question

Maska<input type="radio" name="check" value="25"><br>
Pilling<input type="radio" name="check" value="100"><br>
Oskurowanie<input type="radio" name="check" value="500"><br>
<input type="button" value="kliknij" onClick="funkcja3()">
<p id="wynik3"></p>

<script>
function funkcja3()
{
    let zabiegi2=document.getElementsByName("check").value;
    console.log(zabiegi2);
    let cena2=0;
    
    switch(zabiegi2)
    {
        case"25":
        cena2=25;
        break;
        case"100":
        cena2=100;
        break;
        case"500":
        cena2=500;
        break;
    }
    
    document.getElementById("wynik3").innerHTML="Musisz zapłacić "+cena2;
    
}
</script>

 

Comments

za każdym razem jak wybieram któreś radio wychodzi wartość 0

---

Wstaw kod w odpowiednie dla danego języka bloczki i podaj jeszcze js, bo nie znamy mechaniki.

---

@Kalindoreks, w tym switch-u to w sumie dublujesz dane  

function funkcja()
{
    const gry = document.getElementsByName("gry");
    let wynik = 0;
    let cena_dostawa = 0;
    cena_dostawa = parseInt(document.getElementById("dostawa").value);
      
    for (let i=0; i<gry.length; i++)
    {
        if (gry[i].checked)
        {
            wynik += parseInt(gry[i].value);
        }
    }
    wynik += cena_dostawa;
     
    document.getElementById("wynik").innerHTML="Musisz zapłacić "+wynik;
}

lub nawet

function funkcja()
{
    const gry = document.getElementsByName("gry");
    let wynik = 0;
    wynik = parseInt(document.getElementById("dostawa").value);
      
    for (let i=0; i<gry.length; i++)
    {
        if (gry[i].checked)
        {
            wynik += parseInt(gry[i].value);
        }
    }
     
    document.getElementById("wynik").innerHTML="Musisz zapłacić "+wynik;
}

 

Answer 1

Jak widzę z pytania zadanego wcześniej (zamkniętego) próbujesz pobrać value z listy elementów. A tak się nie da. Musisz przepuścić listę przez pętlę i dopiero sprawdzając, który element jest zaznaczony pobrać z niego value.

const zabiegi2 = document.getElementsByName("check");
const wynik = document.getElementById("wynik3");
function funkcja3(){
	  zabiegi2.forEach(el=>{
			if(el.checked){
				 wynik.textContent = el.value;
			}
		}) 
}

 

Comments

Okej dzięki za odpowiedź. A mógłbyś jeszcze wytłumaczyć dlaczego switch działa w liście rozwijanej ?

Bierki<input type="checkbox" value="5" name="gry"><br>
Nerf<input type="checkbox" value="25" name="gry"><br>
Szachy<input type="checkbox" value="50" name="gry"><br>
Monopoly<input type="checkbox" value="500" name="gry"><br>
<select id="dostawa">
<option value="0">odbiór</option>
<option value="12">paczkomat</option>
<option value="15">listonosz</option>
</select>
<input type="button" value="kliknij" onClick="funkcja()">
<p id="wynik"></p>


<script>
function funkcja()
{
	let gry=document.getElementsByName("gry");
	let wynik=0;
	let cena=0;
	let dostawa=document.getElementById("dostawa").value;
	
	switch(dostawa)
	{
	case"0":
	cena=0;
	break;
	case"12":
	cena=12;
	break;
	case"15":
	cena=15;
	break;
	}
	
	for(let i=0; i<gry.length; i++)
	{
		if(gry[i].checked)
		{
			wynik+=parseInt(gry[i].value);
		}
	}
	wynik+=cena;
	
	document.getElementById("wynik").innerHTML="Musisz zapłacić "+wynik;
}
</script>

 

---

Inputów masz kilka i każdy zwraca swoja wartość a select o danym id jest jeden i zwraca jedną wartość.