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
Barbara StreisandOriginal
2024-12-07 01:14:10249Durchsuche

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()

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());
});

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!

Stellungnahme:
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