Forum PHP.pl

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

[HTML] pobierz, plaintext 
<form  method="post" name=test>
<script  language="JavaScript1.3">
function licz(form) {
    var zaznaczone = 0;
    var max = form.ckbox.length;
    for (var idx = 0; idx < max; idx++) {
       if (eval("document.test.ckbox[" + idx + "].checked") == true) {
 
        zaznaczone += 1;
 
       }
 
    } 
    document.getElementById("check").value=zaznaczone + "/" + max;
}
</script >
 
<input  type="checkbox" id="ckbox" class="wiersz1" value="1" onclick="licz(this.form)" /> checkbox 1<BR  />
<input  type="checkbox" id="ckbox" class="wiersz2" value="2" onclick="licz(this.form)" /> checkbox 2<BR  />
<input  type="checkbox" id="ckbox" class="wiersz3" value="3" onclick="licz(this.form)" /> checkbox 3<BR  />
<input  type="checkbox" id="ckbox" class="wiersz4" value="4" onclick="licz(this.form)" /> checkbox 4<BR  />
<input  type="checkbox" id="ckbox" class="wiersz5" value="5" onclick="licz(this.form)" /> checkbox 5<BR  />
<input  type="checkbox" id="ckbox" class="wiersz6" value="6" onclick="licz(this.form)" /> checkbox 6<BR  />
 
<input  id="check" type="text">
</form >
[HTML] pobierz, plaintext 

Ten post edytował brymen2 3.12.2011, 09:59:39

jQuery

[JAVASCRIPT] pobierz, plaintext 
$('input').click(function()
{
  var aaa = $(this).attr('class');
 // var aaa = $(this).attr('id');
 // var aaa = $(this).val();
  alert(aaa);
});
[JAVASCRIPT] pobierz, plaintext 

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

Może jakieś inne rozwiązanie ? Ten sposób nie chce działać.

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

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