Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][JavaScript]Zawartość pola input
brymen2
post 3.12.2011, 09:57:22
Post #1





Grupa: Zarejestrowani
Postów: 25
Pomógł: 0
Dołączył: 1.12.2011

Ostrzeżenie: (0%)
-----


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 >


Ten post edytował brymen2 3.12.2011, 09:59:39
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 4)
!*!
post 3.12.2011, 12:03:46
Post #2





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

Ostrzeżenie: (0%)
-----


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


Ten post edytował !*! 3.12.2011, 12:04:26


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post
brymen2
post 3.12.2011, 14:38:46
Post #3





Grupa: Zarejestrowani
Postów: 25
Pomógł: 0
Dołączył: 1.12.2011

Ostrzeżenie: (0%)
-----


Może jakieś inne rozwiązanie ? Ten sposób nie chce działać.
Go to the top of the page
+Quote Post
qrooel
post 3.12.2011, 14:44:01
Post #4





Grupa: Zarejestrowani
Postów: 306
Pomógł: 42
Dołączył: 25.03.2010
Skąd: Kraków

Ostrzeżenie: (0%)
-----


A masz jQuery? ;p


--------------------
Strony WWW: http://arscreo.pl
Go to the top of the page
+Quote Post
!*!
post 3.12.2011, 15:10:00
Post #5





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

Ostrzeżenie: (0%)
-----


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


Ten post edytował !*! 3.12.2011, 15:15:51


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 18.07.2025 - 04:29