Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript]Zawartość pola input
Forum PHP.pl > Forum > Przedszkole
brymen2
Witam, poniższy skrypt zlicza ilość zaznaczonych checkboxów, jak uzyskać efekt w którym wyświetlana byłaby zawartość input: id,value,class/id,value,class/id,value,class... zaznaczonych checkboxów

  1. <form method="post" name=test>
  2. <script language="JavaScript1.3">
  3. function licz(form) {
  4. var zaznaczone = 0;
  5. var max = form.ckbox.length;
  6. for (var idx = 0; idx < max; idx++) {
  7. if (eval("document.test.ckbox[" + idx + "].checked") == true) {
  8.  
  9. zaznaczone += 1;
  10.  
  11. }
  12.  
  13. }
  14. document.getElementById("check").value=zaznaczone + "/" + max;
  15. }
  16. </script >
  17.  
  18. <input type="checkbox" id="ckbox" class="wiersz1" value="1" onclick="licz(this.form)" /> checkbox 1<BR />
  19. <input type="checkbox" id="ckbox" class="wiersz2" value="2" onclick="licz(this.form)" /> checkbox 2<BR />
  20. <input type="checkbox" id="ckbox" class="wiersz3" value="3" onclick="licz(this.form)" /> checkbox 3<BR />
  21. <input type="checkbox" id="ckbox" class="wiersz4" value="4" onclick="licz(this.form)" /> checkbox 4<BR />
  22. <input type="checkbox" id="ckbox" class="wiersz5" value="5" onclick="licz(this.form)" /> checkbox 5<BR />
  23. <input type="checkbox" id="ckbox" class="wiersz6" value="6" onclick="licz(this.form)" /> checkbox 6<BR />
  24.  
  25. <input id="check" type="text">
  26. </form >
!*!
jQuery

[JAVASCRIPT] pobierz, plaintext
  1. $('input').click(function()
  2. {
  3. var aaa = $(this).attr('class');
  4. // var aaa = $(this).attr('id');
  5. // var aaa = $(this).val();
  6. alert(aaa);
  7. });
[JAVASCRIPT] pobierz, plaintext
brymen2
Może jakieś inne rozwiązanie ? Ten sposób nie chce działać.
qrooel
A masz jQuery? ;p
!*!
To co podałem działa z biblioteką jQ http://jquery.com/ tak jest najprościej i najszybciej.

Jeśli chcesz w samym JS to odwołujesz się po prostu:

[JAVASCRIPT] pobierz, plaintext
  1. element = document.getElementById('input');
  2.  
  3. alert(element.className);
  4. alert(element.value);
  5. alert(element.id);
[JAVASCRIPT] pobierz, plaintext
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.