Prototyp wählen Sie alle Kontrollkästchen code funktioniert im IE, aber nicht Firefox

Bin ich mit prototype 1.6.0.1. Ich versuche, aktivieren Sie alle Kontrollkästchen beim klicken auf eine Schaltfläche. Dieser code funktioniert im IE 6, aber NICHT in Firefox 3. Was mache ich falsch?

<input class="submit" type="button" value="check all" onclick="$(this.form).getInputs('checkbox').each(function (elem) {elem.checked = true;});" />

InformationsquelleAutor Robert4Real | 2009-04-13

  1. 3

    Ich erstellte eine sehr einfache Seite zu testen Sie Ihr Problem:

    <html>
<head>
    <script type="text/javascript" src="prototype-1.6.0.3.js" ></script>
</head>
<body>
    <form>
        <input type="checkbox" id="test1" /> Test 1<br/>
        <input type="checkbox" id="test2" /> Test 2<br/>
        <input type="checkbox" id="test3" /> Test 3<br/>
        <input type="checkbox" id="test4" /> Test 4<br/>
        <input class="submit" type="button" value="check all" onclick="$(this.form).getInputs('checkbox').each(function (elem) {elem.checked = true;});" />
    </form>
</body>
</html>

    & es funktioniert gut für mich in Firefox 3.0.8 (wie auch der IE)...

    Ich Stimme mit den anderen Antworten....form sollte in Ordnung sein (wird das form-Objekt aus dem submit-button, das sollte dann lassen Sie die Kontrollkästchen aus, die es über getInputs).

    Was ist das eigentliche Problem? Passiert nichts? Wenn dem so ist, das einzige, was ich denken kann ausgeschaltet ist, sind die Checkboxen in der gleichen form wie der Knopf?

    EDIT: Wenn Ihr code ist effektiv die gleiche wie die oben & es funktioniert nicht, die beste, die ich vorschlagen kann, ist, dass Sie Ihren onclick in einem geeigneten Funktion call & verwenden Sie dann firebug um herauszufinden, welche spezifischen bit nicht funktioniert. I. e. machen Sie Ihren code wie folgt Aussehen:

    <html>
<head>
    <script type="text/javascript" src="prototype-1.6.0.3.js" ></script>
    <script type="text/javascript" >
        function checkAll(button) {
            var form = $(button.form);
            var inputs = form.getInputs('checkbox');
            inputs.each(function (elem) {
                elem.checked = true;
            });
        }
    </script>
</head>
<body>
    <form>
        <input type="checkbox" /> Test 1<br/>
        <input type="checkbox" /> Test 2<br/>
        <input type="checkbox" /> Test 3<br/>
        <input type="checkbox" /> Test 4<br/>
        <input class="submit" type="button" value="check all" onclick="checkAll(this)" />
    </form>
</body>
</html>

    Dann können Sie Haltepunkte in der Funktion & stellen Sie sicher, dass 'button', 'form' und 'Eingänge' sind, was Sie von Ihnen erwarten, und dass die 'elem', die in der each-Schleife zu.

    Passiert gar nichts. Ich habe es versucht mit Safari, und wieder ist nichts geschehen. Nur der IE scheint zu funktionieren. Der einzige Unterschied zwischen meinem code und deinem Beispiel ist, dass ich nicht die "id=test1" für jede checkbox, zum Teil, weil es dynamisch generiert.
    Komisch... nur gute Sache ist, dass da das Problem in firefox, zumindest haben Sie Zugang zu firebug zu verfolgen, das problem nach unten (siehe mein edit oben).

    InformationsquelleAutor Alconja

  2. 0

    Form ist die Muttergesellschaft der Eingabe, so dass diese.form sollte nicht Sinn machen. Verwenden Sie einen ID-Selektor oder den Eltern.

    Zweite Sache - erklären, dass diese js zuweisen-Aktion auf dem Dokument laden, dieser Weg ist ein bisschen chaotisch, separate js von html, um eine saubere, flexible codebase.

    In jQuery, es wäre sth like:

    $(document).ready(function(){
  $.('#submitId').click(function(){ 
    //check the checkboxes
    });
}

    im Prototyp sollte ähnlich sein.

    Alle input-Elemente haben.form-Attribut, das auf das Formular, dem Sie gehören.

    InformationsquelleAutor zalew

  3. 0

    Können Sie sehen, die Lösung in diesem link:
    http://www.ryboe.com/2008/07/10/select-all-checkboxes-with-prototype-js.html

    Wenn Sie nicht wollen klicken Sie auf, versuchen Sie dies:

    var form = $('options');
checkboxes = form.getInputs('checkbox');
checkboxes.each(function(e){ e.checked = 0 });

    InformationsquelleAutor

  4. -1

    Was Sie ersetzen 

    $(this.form)

    mit 

    $('MYFORMNAME')

    ?

    this sollte in diesem Fall beziehen sich auf den submit-button, so dass ich denke, würde this.form ist nicht das richtige zu verwenden. Mein Bauchgefühl ist =boj= Recht ist 🙂
    Ich bin nicht einverstanden... 'dies' sollte den submit-button, so ist 'dies.form " sollte die form (vorausgesetzt, dass die Schaltfläche in das Formular), das sollte halten alle Eingänge.

    InformationsquelleAutor boj

Schreibe einen Kommentar