Aufruf einer jQuery-Funktion aus dem onclick-Ereignis

Aufgrund einiger bizarre Anforderungen und die Art und Weise jQuery umgesetzt wird in unserer Anwendung, habe ich zu nennen eine jQuery-Funktion über eine checkbox onclick-Ereignis.

Unten ist eine ganz gute Umsetzung der Funktion wird ausgelöst über div-ID. Doch dieser code funktioniert nicht in meiner Anwendung.

In meiner Anwendung, ich bin mit jQuery version 1.7.1. Ich bin nicht immer alle Fehler, die Funktion einfach nicht auslösen. Ich bin mit Chrome Debuggen. Wenn ich versuche es aufzurufen, in onclick reagiert, wirft aber zurück undefined.

HTML

<div id="dialog-confirm" title="Select Options">
    <!--I need to call function in onclick event for checkbox below-->
    <input type="checkbox" id="chkall" /> Check/Uncheck
    <br /><br />

    <input type="checkbox" />Option 1<br />
    <input type="checkbox" />Option 2<br />
    <input type="checkbox" />Option 3<br />
    <input type="checkbox" />Option 4<br />
    <input type="checkbox" />Option 5<br />
    <input type="checkbox" />Option 6<br />
    <input type="checkbox" />Option 7
</div>

JS

$(function() {
    $( "#dialog-confirm" ).dialog({
         resizable: false,
         height:350,
         modal: true,
         buttons: {
            "Go": function() {
                $( this ).dialog( "close" );
            },
            Cancel: function() {
                $( this ).dialog( "close" );
            }
        }
    });
});

$(document).ready(function(){ 
    $('#chkall').click(function() {
        //this is the function I need to call
        var opt = $(this).parent().find('input[type=checkbox]');
        opt.prop('checked', $(this).is(':checked') ? true : false);
    });     
});

Schließlich, Fiddle link

http://jsfiddle.net/uxRGB/1/

Was ist dein problem hier? Der jsFiddle überprüft/deaktiviert alle Kästchen für mich...
John, wie ich schon sagte, die Geige funktioniert. Diese gleichen Umsetzung funktioniert nicht in unsere Anwendung, so will ich Feuer die Funktion onclick. Es hat damit zu tun, wie jQuery umgesetzt wird, ist es eine legacy-app
Was version von jQuery sind Sie be in Ihrer Anwendung? Welche Fehler sind Sie immer in Ihre Konsole?
1.7.1. Ich bin nicht immer alle Fehler, die Funktion einfach nicht auslösen. Ich bin mit Chrome Debuggen. Wenn ich versuche es aufzurufen, in onclick reagiert, wirft aber wieder undefiniert.
In der Zukunft, setzen Sie diese Informationen direkt in Ihre Frage, Sie erhalten bessere (und mehr) Antworten. Was version von jQuery UI verwenden Sie?

InformationsquelleAutor mynameisneo | 2013-08-04

  1. 4

    Verwenden change Veranstaltung statt click

    $('#chkall').change(function() {

    wenn immer noch nicht funktioniert, können Sie dieses verwenden:

    <input type="checkbox" id="chkall" onclick="myfunc()" />

    Und: 

    function myfunc () {
        //this is the function I need to call
        var opt = $("#chkall").parent().find('input[type=checkbox]');
        opt.prop('checked', $("#chkall").is(':checked') ? true : false);
    }
    ABFORCE, das hat nicht funktioniert leider
    ich fügte hinzu, einen anderen Weg, bitte testen Sie es
    Hi Abe, aktualisiert Geige hier, funktioniert nicht 🙁 jsfiddle.net/uxRGB/4
    Es funktioniert gut, haben einen Blick auf: jsfiddle.net/uxRGB/6
    Sie hatten einige Fehler in Ihre Turnschuh

    InformationsquelleAutor Hi I'm Frogatto

  2. 1

    Nicht sicher, ob es das problem verursacht, die Sie gegenüberstehen, aber Ihre aktuelle code ändern Sie die "check all" - checkbox, selbst wenn Sie es anklicken, die bei einigen Browsern kann zu unerwarteten Ergebnissen führen.

    Erste, ändern Sie den code:

    var opt = $(this).parent().find('input[type=checkbox]').not($(this));

    Wird sich dies auf alle Kontrollkästchen außer das man geklickt haben.

    Nun angenommen, Sie möchten, führen Sie den gleichen code beim klicken auf eine separate Taste, nur haben:

    $("#btnFoo").click(function() {
    $('#chkall').click();
});

    Aktualisiert fiddle.

    InformationsquelleAutor Shadow Wizard

  3. 0

    Haben Sie versucht das?

     $('#chkall').trigger('click');

    Sollten ausführen, Prozeduren und Verhaltensweisen, die angebracht, um die checkbox.
    Siehe: http://api.jquery.com/trigger/

    Stephen, ich habe versucht, hat nicht funktioniert

    InformationsquelleAutor Stephen

Schreibe einen Kommentar