Question

Ich bin ein onchange Ereignis auf Kontrollkästchen wie diese Befestigung:

$("input[type='checkbox'][name='auswahl[]']").on("change", function() { 
    alert($(this).attr("id") + ' ' + $("label[for='" + $(this).attr("id") + "']").text() + $(this).attr("checked")); 
}); 

Die Kontrollkästchen wie folgt aussehen:

<input type="checkbox" name="auswahl[]" id="aus_nunatsiaqnews_ca"><label for="aus_nunatsiaqnews_ca" title="Canada">Nunatsiaq News</label> 

Leider ist die Veranstaltung zweimal feuert. Wenn ich den oben angegebenen Code isoliere und auf eine Testseite lege, ist alles in Ordnung und das Ereignis wird nur einmal ausgelöst. Brauchen Sie Hilfe.

Answer 1

Dies passiert normalerweise, wenn ein Steuerelement mit einem "onClick" -Ereignis in einem anderen Steuerelement mit einem "onClick" -Ereignis verschachtelt ist. Wenn Sie auf eines der Elemente klicken, werden die Ereignisse für beide Elemente ausgelöst, da Sie nicht wissen können, auf welche der Elemente Sie klicken möchten. Zum Glück kann dies in Javascript verhindert werden. im HTML, vorbei an die "$ event" Parameter an die Funktion, die das Click-Ereignis wie so Griffe:

onClick="myFunc($event)"

und dann in "myFunc" Verwendung "stopPropagation" als solche:

myFunc($event) { 
 
    // ... some code ... // 
 
    $event.stopPropagation(); 
 
}