Ich mache ein Formular, und ich brauchte eine Radioeingabe. Wie bekomme ich die überprüfte Radioeingabe in eine onSubmit-Funktion, wie sieht die richtige Vorgehensweise aus?
Dies ist mein Code, ich meineRadioInput-Variable, die entweder Option A oder Option B enthält, wenn ich Folgendes einreiche:
%Vor%Sie sollten Refs nicht verwenden, um auf DOM-Knoten zuzugreifen und deren Wert zu überprüfen. Stattdessen sollten Sie den Eingabewert mit einer Eigenschaft des Komponentenstatus verknüpfen.
Hier sind einige Beispiele, wie man es macht: Ссылка
Wenn Sie sicherstellen, dass alle Ihre Formularelemente name Attribute haben, können Sie Daten aus dem Formular onSubmit mit form.elements :
In modernen Browsern sollte form.elements.myRadioInput ein RadioNodeList sein, das eine .value entspricht dem ausgewählten Wert, aber wenn dies nicht unterstützt wird, erhalten Sie NodeList oder HTMLCollection der Knoten, die iteriert werden müssen, um den ausgewählten Wert zu finden.
Ich habe auch eine wiederverwendbare React-Komponente - <AutoForm> - die eine generische Implementierung der Datenextraktion verwendet form.elements für dich. Ich habe es im folgenden Ausschnitt verwendet:
Ich benutze diese Lösung für Radio-Button-Zwei-Wege-Bindung mit aktiv:
in der render () Methode:
%Vor%Tags und Links javascript radio-button reactjs