Wie schreibe ich .onclick Methode in jquery für alle Kontrollkästchen

Question

Ich habe Kontrollkästchen in meinem Projekt, die aus der Datenbank dynamisch. Hier ich setzte nur eine, sondern es könnte viele hängt von Datenbanktabelleneintrag „name =“ Kategorie“class =‚Kategorie‘>

I Onclick-Ereignis mit jQuery ausgelöst werden soll, wenn Benutzer eine der klicken Checkbox. ich versuche, aber es ist nur Feuer, wenn ich auf dem ersten Kontrollkästchen klicken. hier ist der Code, den ich versuche ..

$("[type=checkbox]").click(function() { 

       var category_array = new Array(); 
       var size_array = new Array(); 
       var color_array = new Array(); 
       $.each($("input[name='category']:checked"), function() { 
        category_array.push($(this).val()); 

       }); 
}); 

kann jemand Ahnung, warum es nicht ?? Vielen Dank im Voraus arbeitet :)

Answer 1

Es ist besser, das Änderungsereignis zu verwenden

$("input[type=checkbox]").change(function() { 
    if(this.checked) { 
    var category_array = new Array(); 
    var size_array = new Array(); 
    var color_array = new Array(); 
    $.each($("input[name='category']:checked"), function() { 
     category_array.push($(this).val()); 
    }); 
    } 
}); 

Answer 2

dies lösen Sie Problem zuerst Ihre HTML Um dies zu ändern:

<div class="checkbox"> 
<label class="lbl-cat"><input type="checkbox" value="<?php echo $row["id"]; ?>" name="category[]" class="category"> <?php echo $row["name"]; ?></label> 

           </div> 

zur Kenntnis, dass seine ist name="category[]" nicht name="category"

und schließlich Ihre js ändern für dasselbe

$.each($("input[name='category[]']:checked"), function() { 
        category_array.push($(this).val()); 

       }); 

Answer 3

Die Auswahl für alle Kontrollkästchen ist:

$('input[type=checkbox]') 

Jetzt tun, was man will!

Für dynamische Kontrollkästchen ...

$(document).on('change', 'input[type=checkbox]', function(e) { 
    //DO YOUR THANG 
});