Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js] zliczanie checkboxow
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
termin
Witam, chce zliczyc wartosci checkboxow ale cos za bardzo mi to nie wychodzi. Dopiero zaczynam zabawe z Javascript. Ktos moze mi doradzic gdzie robie błąd?

  1. function test()
  2. {
  3. var sum = 0;
  4. checkboxes = document.getElementsByName('znak[]');
  5.      for (i=0; i<=checkboxes.length; i++)
  6.      {
  7.            if (checkboxes[i].checked==true)
  8.            {
  9.            sum=sum+checkboxes[i].value;
  10.            }
  11.      }
  12. alert(sum);
  13. }


  1. <tr>
  2. <td width="20" bgcolor="#FFFFFF">
  3. <input name="znak[]" type="checkbox" value="110" onClick="test()"></td>
  4. <td width="135" bgcolor="#FFFFFF" class="tresc2L">Projektor</td>
  5. <td width="68" bgcolor="#FFFFFF" class="tresc2C">110.00 zł</td>
  6. </tr>
  7. <tr>
  8. <td width="20" bgcolor="#FFFFFF">
  9. <input name="znak[]" type="checkbox" value="100" onClick="test()"></td>
  10. <td width="135" bgcolor="#FFFFFF" class="tresc2L">Laptop</td>
  11. <td width="68" bgcolor="#FFFFFF" class="tresc2C">100.00 zł</td>
  12. </tr>
  13. <tr>
  14. <td width="20" bgcolor="#FFFFFF">
  15. <input name="znak[]" type="checkbox" value="80" onClick="test()"></td>
  16. <td width="135" bgcolor="#FFFFFF" class="tresc2L">Ekran przenośny</td>
  17. <td width="68" bgcolor="#FFFFFF" class="tresc2C">80.00 zł</td>
  18. </tr>
lord_t
  1. function test()
  2. {
  3. var sum = 0;
  4. var checkboxes = new Array();
  5. checkboxes = document.getElementsByName('znak[]');
  6. for (i=0; i<checkboxes.length; i++)
  7. {
  8. if (checkboxes[i].checked==true)
  9. {
  10. sum=sum+parseInt(checkboxes[i].value);
  11. }
  12. }
  13. alert(sum);
  14. }


1. Brak utworzenia checkboxes
2. Potrzebne rzutowanie na int przy checkboxes[i].value)
3. W pętli: albo robisz od 1 do <=length albo od 0 do <length
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.