So richten Sie nur Kontrollkästchen ein, die aktiviert sind

Question

Ich erstelle Klone von überprüften Eingabe-Labels und gebe sie in einem Header-Bereich aus. Dies funktioniert wie erwartet, bis das Formular gesendet wird (es verwendet AJAX). Ich möchte nach Eingaben suchen, die beim Übergeben des Formulars überprüft wurden, und dann ihre Klone neu erstellen.

Das Problem mit dem folgenden Code ist, dass es einen Klon für jede Eingabe erstellt (alle die dieselbe Klasse verwenden) unabhängig davon, ob die Eingabe aktiviert ist oder nicht. Ich nehme an, dass dies daran liegt, dass das Zeug innerhalb der if auf alle Elemente abzielt und nicht nur auf diejenigen, die überprüft werden. Wenn ich $(this) innerhalb der if verwende, scheint es sich nicht nur auf die Elemente zu beziehen, die überprüft werden, und ist stattdessen ein Objekt.

Wie kann ich das Zeug in der if-Anweisung nur auf die Kontrollkästchen anwenden, die überprüft werden?

if ($('.my-input').is(':checked')) { 
    $('.my-input').next('label').clone().appendTo('.my-header'); 
    $('.my-input').next('label').addClass('is-checked'); 
} 

Answer 1

Verwendung checked in selector$('.my-input:checked')

$('.my-input:checked').each(function() { 
    $(this).next('label').clone().appendTo('.my-header'); 
    $(this).next('label').addClass('is-checked'); 
}); 

Answer 2

Sie können so etwas tun:

$('.my-input:checked').each(function() { 
    //do something 
}); 

Answer 3

Sie können diese alle überprüft Kontrollkästchen erhalten tun

$(":checkbox:checked")