Heim > Web-Frontend > js-Tutorial > Wie kann ich den Wert eines ausgewählten Optionsfelds in JavaScript ermitteln?

Wie kann ich den Wert eines ausgewählten Optionsfelds in JavaScript ermitteln?

DDD
Freigeben: 2024-12-13 01:13:09
Original
549 Leute haben es durchsucht

How Can I Get the Value of a Selected Radio Button in JavaScript?

Ermitteln des Werts des ausgewählten Optionsfelds

Um den Wert des ausgewählten Optionsfelds innerhalb einer Gruppe abzurufen, kann es bei herkömmlichen Methoden zu Schwierigkeiten kommen. Dieser Artikel bietet eine Lösung für dieses häufige Problem.

Betrachten Sie die folgende HTML-Struktur für eine Reihe von Optionsfeldern:

<div>
Nach dem Login kopieren

Um den Wert der ausgewählten Schaltfläche mithilfe von JavaScript zu erhalten, können Sie Folgendes tun: Versuchen Sie zunächst diesen Code:

var rates = document.getElementById('rates').value;
Nach dem Login kopieren

Dieser Ansatz ruft jedoch die ID des enthaltenden div-Elements anstelle des ausgewählten Optionsfeldwerts ab. Um dieses Problem zu beheben, verwenden Sie den folgenden Code:

document.querySelector('input[name="rate"]:checked').value;
Nach dem Login kopieren

Dieser Code verwendet die querySelector-Methode, um das erste passende Optionsfeldelement innerhalb der Rate-Div auszuwählen und sicherzustellen, dass Sie speziell den Wert der aktivierten Schaltfläche erhalten.

Das obige ist der detaillierte Inhalt vonWie kann ich den Wert eines ausgewählten Optionsfelds in JavaScript ermitteln?. 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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage