Forum PHP.pl > Dynamiczne zliczanie checkbox'ów

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Dynamiczne zliczanie checkbox'ów

Forum PHP.pl > Forum > Po stronie przeglądarki

qbejs

25.07.2010, 22:30:09

Witam,

Mam mały problem. Potrzebuje zliczyć dynamicznie ilość kliknietych checkbox'ów i nastepnie zapisac to w schowanym inpucie. Niestety jednak nie działa mi kod. Mnie wydaje się ok ale z JS miałem dotąd mało wspólnego.

[HTML] pobierz, plaintext 
<head>
<script type=text/javascript> 
function Dodaj() 
{
   var ile_jest;
	if (document.getElementById('ile').value = '')
	{
		ile_jest = 0;
	}
	else
	{
      	ile_jest = document.getElementById('ile').value;
	}
   var nowa += ile_jest;
   document.getElementById('ile').value = nowa;
}
</script>
</head>
[HTML] pobierz, plaintext

oraz wywołanie

[HTML] pobierz, plaintext 
<input type="checkbox" name="wybieram" id="wybieram" onSelect="Dodaj()" />
[HTML] pobierz, plaintext

a ma to być składowane w

[HTML] pobierz, plaintext 
<input type="hidden" name="ile" id="ile" ></input>
[HTML] pobierz, plaintext

Jeżeli ma to coś wspólnego to kod jest tworzony niejako w locie przez PHP ( a dokladnie skrypt generujacy formularz ).

Pozdrawiam,
Kuba

thomson89

25.07.2010, 22:50:36

1. W linijce 6 powinno być 2x '='
2. onselect nie działa na chekboxy

Takie coś działa doskonale:

[HTML] pobierz, plaintext 
<html>
<head>
<script type=text/javascript> 
function dodaj() 
{
    var ile_jest;
	if (document.getElementById('ile').value == '')
	{
		ile_jest = 0;
	}
	else
	{
      	ile_jest = document.getElementById('ile').value;
		ile_jest = parseInt(ile_jest);
	}
   ile_jest += 1;
   //alert(ile_jest);
   document.getElementById('ile').value = ile_jest;
}
 
</script>
</head>
<body>
<input type="checkbox" name="wybieram" id="wybieram" onChange="if(checked!=false)dodaj()" />
<input type="checkbox" name="wybieram1" id="wybieram1" onChange="if(checked!=false)dodaj()" />
<input type="checkbox" name="wybieram3" id="wybieram3" onChange="if(checked!=false)dodaj()" />
 
 
<input type="text" name="ile" id="ile" value="0" />
</body>
</html>
[HTML] pobierz, plaintext

skowron-line

25.07.2010, 23:29:00

@thomson89

[HTML] pobierz, plaintext 
onChange="if(checked!=false)dodaj()"
[HTML] pobierz, plaintext

a teraz pomnóż to przez 200 nie uważasz że lepiej to w funkcji sprawdzić zamiast

[JAVASCRIPT] pobierz, plaintext 
if (document.getElementById('ile').value == '')
[JAVASCRIPT] pobierz, plaintext

co wogóle jest bez sensu

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.