Heim > Web-Frontend > js-Tutorial > Wie erhalte ich mit jQuery den Wert eines ausgewählten Optionsfelds?

Wie erhalte ich mit jQuery den Wert eines ausgewählten Optionsfelds?

Barbara Streisand
Freigeben: 2024-12-07 01:14:10
Original
253 Leute haben es durchsucht

How to Get the Value of a Selected Radio Button Using jQuery?

So identifizieren Sie die ausgewählte Option in einer Gruppe von Optionsfeldern mit jQuery

Bei der Arbeit mit Formularen ist es häufig erforderlich, den Wert ausgewählter Optionsfelder abzurufen. jQuery bietet eine einfache Möglichkeit, dies zu erreichen.

Stellen Sie sich das folgende Szenario vor: Sie haben ein Formular mit mehreren Optionsfeldern mit dem Namen radioName. Sie möchten den Wert der ausgewählten Option veröffentlichen. Um den Wert mit jQuery abzurufen, können Sie den folgenden Code nutzen:

$('input[name=radioName]:checked', '#myForm').val()
Nach dem Login kopieren

Dieser Code sucht im Formular mit der ID myForm nach allen Eingabeelementen, deren Namensattribut auf radioName gesetzt ist. Der :checked-Selektor stellt sicher, dass nur das ausgewählte Optionsfeld ausgewählt wird. Schließlich gibt die Methode .val() den Wert des ausgewählten Optionsfelds zurück.

Der folgende Codeausschnitt zeigt beispielsweise, wie der Wert des ausgewählten Optionsfelds bei einer Auswahländerung erfasst wird:

$('#myForm input').on('change', function() {
  alert($('input[name=radioName]:checked', '#myForm').val());
});
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie erhalte ich mit jQuery den Wert eines ausgewählten Optionsfelds?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage