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

So ermitteln Sie den Wert eines ausgewählten Optionsfelds in HTML und JavaScript

Mit Optionsfeldern können Benutzer eine einzelne Option aus einer Gruppe auswählen verwandter Entscheidungen. Das Abrufen des Werts des ausgewählten Optionsfelds ist eine häufige Aufgabe in der Webentwicklung.

Problem:

Sie können den ausgewählten Wert aus einer Gruppe von Optionsfeldern nicht abrufen Verwenden Sie Ihren aktuellen JavaScript-Code.

Lösung:

Um den Wert des ausgewählten Radios zu erhalten können Sie den folgenden verbesserten Code verwenden:

const selectedRadio = document.querySelector('input[name="rate"]:checked');

if (selectedRadio) {
  const rateValue = selectedRadio.value;
  document.getElementById('results').innerHTML = rateValue;
}

Erklärung:

Die Methode querySelector() sucht nach dem ersten Element im DOM, das mit dem angegebenen übereinstimmt Wähler. In diesem Fall zielt es auf das Optionsfeld mit dem Namensattribut „Rate“ und dem geprüften Attribut ab.

Sobald das ausgewählte Optionsfeld erhalten wurde, wird seine Werteigenschaft abgerufen und in der Variable „rateValue“ gespeichert. Schließlich wird die innerHTML-Eigenschaft des Ergebniselements auf rateValue gesetzt, wodurch effektiv der Wert des ausgewählten Optionsfelds angezeigt wird.

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