FormData-und Checkboxen

Derzeit bei der Erstellung einer FormData Objekt, eine checked checkbox Hinzugefügt, mit dem Wert "on", und ein nicht angekreuzter checkbox nicht weitergegeben.

Muss ich hack in einige versteckte Eingänge richtig festgelegt Checkboxen, oder gibt es einige Anpassungen, die ich tun kann mit FormData "oder" pre-processing?

Ich würde es vorziehen, eine checked checkbox 1 und einen ungeprüften 0 zu sein. Ich kann schon diese selbst tun (ie ugly hack), aber ich sehe keinen nativen Weg mit FormData.

  • Sie können immer anrufen set auf die FormData Objekt manuell. Anders verhält es sich genau wie HTML-Formulare tun.
  • anstelle der Zugabe versteckte Eingänge, Prozess auf dem server. Wenn checkbox-Wert ist 'auf' convert 1 und wenn checkbox Wert leer oder null konvertieren zu 0. Checkbox Wert Laufwerk-browser, so dass Sie können es nicht ändern. Sie können fügen Sie zusätzliche Eigenschaften.
InformationsquelleAutor BarryBones41 | 2015-11-02
  1. 3

    Derzeit beim anlegen eines FormData-Objekt, ein checkbox aktiviert ist, addiert mit dem Wert "on", und ein nicht angekreuzter checkbox nicht weitergegeben.

    on wird nur verwendet, wenn die checkbox fehlt, ist ein value Attribut

    Muss ich hack in einige versteckte Eingänge richtig festgelegt Checkboxen

    Nicht. Dass ist richtig Umgang mit Checkboxen. Es ist, wie Sie gearbeitet haben, in Formen, da das form-element wurde Hinzugefügt, um HTML.

    Test für das Vorhandensein oder die Abwesenheit der checkbox in den code, der es anfaßt.

    • Auch der code, der verarbeitet es ist var fd = new FormData(myForm);
    • Ich meine der server-Seite code, der verarbeitet, dass die HTTP-Anforderung, die Sie wahrscheinlich erstellen Sie mithilfe von XMLHttpRequest und fd.
    • Es ist ein embedded system und ich kann nicht verändern, der server-code. Ich werde einfach verwenden Sie versteckte Eingänge.
    • Warum gehst du nicht einfach tun fd.set('myCheckbox', fd.has('myCheckbox') ? '1' : '0'); ?
    • Genial, danke.
    InformationsquelleAutor Quentin
  2. 2

    Versuchen Sie dies:

    var checkbox = $("#myForm").find("input[type=checkbox]");
$.each(checkbox, function(key, val) {
    formData.append($(val).attr('name'), this.is(':checked'))
});

    Es fügt immer das Feld FormData mit entweder einem Wert von true wenn überprüft, oder false wenn die Option deaktiviert ist.

    InformationsquelleAutor misha
Schreibe einen Kommentar