Checkboxen mit jQuery auswerten

[thorben]

Guten Abend,

ich bin Newbie in Sachen jQuery, trotzdem möchte ich gerne mit diesem Framework arbeiten und leider ergibt sich hieraus ein Problem:

<script src="http://code.jquery.com/jquery-latest.js"></script>
...
<input type="checkbox" name="check" value="check1" id="eins"/>
<input type="checkbox" name="check" value="check2" id="zwei"/>
<input type="checkbox" name="check" value="check3" id="drei"/>
    
    
<script>

function showValues() {
var dont;
var fields = $(":input:checkbox").serializeArray();
$("#se").empty();
jQuery.each(fields, function(i, field){
dont += $(this).val();
});  
document.getElementById("se").innerHTML = dont;            
}

function xtest() {
$(":checkbox").submit(showValues);
showValues();              
}
    
    
</script>
    <input type="button" onClick="xtest()" value="HIT"><hr><div id='se'></div>

Hier lässt sich das ganze nachvollziehen. Klick hier.

Wo kommt bloß dieses undefined her? Es gibt leider sehr wenige Beispiele.

Besten Dank für Eure Hilfe, schönen Abend noch.

Gruß thorben

[urvater]

Da die ausgewählten Boxen korrekt ausgegeben werden kann ich nur vermuten, daß JQuery hier ein Form-Tag erwartet, den du nicht nutzt.
Ist allerdings nur eine Vermutung.

[thorben]

Es hat etwas gedauert, aber das ist die Lösung:

 function showValues() {
        var qdont;
      var fields = $(":input:checkbox").serializeArray();
      $("#se").empty();
      jQuery.each(fields, function(i, fields){
      document.getElementById("se").innerHTML += $(this).val() + "-";
      });  
               
    }
    function xtest() {
    $(":input:checkbox").submit(showValues);
    showValues();              
    }

Muss ich das verstehen?

[Ckaos]

Hi

Wo kommt bloß dieses undefined her?

var dont;
//->in Kombination mit 
dont += $(this).val();

abhilfe schafft

var dont="";

Es gibt leider sehr wenige Beispiele.

Ich hoffe du meinst nicht von jQuery!
Es gibt 1000ende Tutorials dazu und bitte jetzt nicht
"die sind aber alle in englisch" Das muss man nunmal
können sonst scheitert man an allen ecken beim scripten!
Ich lege dir die jQuery selektoren zu herzen -> hier

Muss ich das verstehen?

Ja

vergleich dein code mit meinem.

function showValues() {
 	 	var message = "";
    	$("input:checkbox:checked").each(function(i){
	  		message += $(this).val() + "-";
      	});  
        $("#se").text(message);   
  }
  function xtest() {
    showValues();              
  }

mfg

Ckaos