jquery - Iteration über Kontrollkästchen und bestimmen Sie, ob geprüft

Möchte ich Durchlaufen Checkboxen div und festzustellen, ob checkbox1,checkbox2,checkbox3 aktiviert sind

    //iterate over checkboxes
    $('#register_students').click(function() { 
        $("div.checkboxes").each(function() {           
            var student = $(this).attr('data');             
            var checkbox1 = ??? 
            var checkbox2 = ???
            var checkbox3 = ???
        });     
        return false;
    });




<td>
<div class='checkboxes' data=8255>
<INPUT type="checkbox"  value="36" class="checkbox1">
<INPUT type="checkbox"  value="14" class="checkbox2">
</div>
</td>

<td>
<div class='checkboxes' data=8244>
<INPUT type="checkbox"  value="36" class="checkbox1">
<INPUT type="checkbox"  value="14" class="checkbox2">
<INPUT type="checkbox"  value="14" class="checkbox3">
</div>
</td>
Sind es immer 3 Checkboxen? In der ersten html-block, es gibt nur 2.
Gute Frage. @roger rover: Ist die Notwendigkeit zu Durchlaufen und die Checkboxen, weil es kann eine variable Anzahl von Checkboxen in einem div?
kann null oder mehrere Checkboxen. (in der Regel 3-25)

InformationsquelleAutor roger rover | 2010-08-20

  1. 3

    Du bist interating über die divs mit den Checkboxen, so dass Sie brauchen, um find Ihrer Checkboxen.

    (Sollten Sie wohl auch cache $(this) zu vermeiden, werden mehrere Anrufe):

        $("div.checkboxes").each(function() {
        var $this = $(this);           
        var student = $this.attr('data');             
        var checkbox1 = $this.find('input.checkbox1').is(':checked'); 
        var checkbox2 = $this.find('input.checkbox2').is(':checked'); 
        var checkbox3 = $this.find('input.checkbox3').is(':checked'); 
    });     
    return false;

    Den drei Kontrollkästchen Zeilen wird jede Rückgabe ein boolescher Wert, der angibt whther Sie das Kontrollkästchen in der aktuellen div geprüft.

    Ich denke du meinst :checked, nicht .checked.
    Ooops! Guter spot. Eine typo + 2 kopieren/Pasten
    überprüfen Sie Ihre Klammern... var checkbox1 = $(this).find('input.checkbox1').is(':checked');
    danke ... Super Antwort übrigens.

    InformationsquelleAutor James Wiseman

  2. 4

    Verwenden.

    $(this).is(':checked')

    zurück true oder false . Wie,

    $('#register_students').click(function() {
    $("div.checkboxes").each(function(index1) {
        var student = $(this).attr('data');
        cb = [];           
        $('input[type=checkbox]',this).each(function(index2, Element){
           cb[index2] = $(Element).is(':checked');
        });
        //use 'cb' and 'student' as you want. 3 checkbox value are as cb[0], cb[1], cb[2]
    });     
    return false;
});
    Ich würde eher verwenden Sie den selector über den Vergleich von Werten. Aber das ist nur eine Sache der Präferenz 😉
    $(this) beziehen sich auf die div selbst, richtig? Wir brauchen einen Selektor für die Kontrollkästchen in der div.
    wie in meiner Antwort unten
    In der Tat. Nun, dein ist behoben, ich habe von Ihnen positiv bewertet werden. 🙂
    für Ihre Bearbeitungen.

    InformationsquelleAutor simplyharsh

  3. 3

    Verwendet die :checked selector.

    http://api.jquery.com/checked-selector/

    EDIT:

    Und für solche Beispiele würde ich versuchen, es auf http://jsfiddle.net/... hilft viel!

    InformationsquelleAutor Yves M.

Schreibe einen Kommentar