jquery trigger change event auf checkbox

Question

Ist es möglich, changereignis über ein checkbox mit javascript/jquery auszulösen?

So etwas wie dies (I triggerChange auf einen Klick ausgeführt werden):

<label><input type="checkbox" id="chk"/>Label for chk</label> 

<script> 
function triggerChange(){ 
    $("#chk").trigger("change"); 
} 
</script> 

Wenn ich den obigen Code ich diesen Fehler ausführen: "Trigger ist keine Funktion".

Answer 1

Das trigger is not a function Fehlermeldung zeigt etwas anderes im Spiel ist. Gemäß dieser Frage SO:

What happens when a jQuery selector wasn't found?

no.good.at.coding sagt:

Do note however that you must ensure that selector is a jQuery object! Otherwise, you could get an error indicating that "trigger is not a function".

Es ist wahrscheinlich, dass Sie jQuery vergessen haben?

---

Wie für Ihre Implementierung, sollten Sie gut sein, wie Sie es verwenden. Aber trigger sollte verwendet werden, um Ereignismethoden für Elemente auszulösen, die bereits über jQuery angehängt wurden. Überprüfen Sie meine Demo-out:

Fiddle:
Mit Click-Ereignis: http://jsfiddle.net/fS4R5/1/
Ohne Click-Ereignis: http://jsfiddle.net/fS4R5/2/

HTML:

<label><input type="checkbox" id="chk"/>Label for chk</label> 

JS:

function triggerChange(){ 
    $("#chk").trigger("change"); 
} 

$("#chk").change(function() { 
    alert("triggered!"); 
}); 

triggerChange(); 

Answer 2

In jQuery können Sie normalerweise ein Ereignis auslösen, indem Sie seine eventhandler-Methode ohne Funktionsparameter aufrufen.

Zum Beispiel ein Klick-Handler kann als solche zugewiesen werden:

$('#mything').click(function(e){dostuff});

das Click-Ereignis an sich kann einfach durch Ausführen ausgelöst werden: $('#mything').click();

Ich vermute, dies kann für jeden getan werden existierendes Ereignis in jQuery.

Answer 3

Ich denke, die bevorzugte Methode seit 1.9.1 ist 'on'. Besonders, wenn Sie dynamisch hinzugefügte Checkboxen verwenden.

Sagen Sie bitte ein div mit id = ‚divCOntent‘ haben und es ist eine Checkbox mit id = ‚cballaut‘, könnten Sie dies tun

$('#divcontent').on('click', '#cballaut', function (e) { 
        alert(this.checked); 
       }); 

Answer 4

Verwenden Sie Prop-Methode.

$('#myCheck').prop('checked', true); 
$('#myCheck').prop('checked', false);