Radio valueEigenschaft
Radio-Objekt
Definition und Verwendung
Die value-Eigenschaft legt den Wert des value-Attributs eines Radio-Buttons fest oder gibt ihn zurück.
Bei Radio-Buttons erscheint der Inhalt des Wertes des value-Attributs nicht in der Benutzeroberfläche. Der Wert des value-Attributs wird nur an den Server übermittelt, wenn das Formular abgeschickt wird. Wenn ein Radio-Button ausgewählt ist, wird sein Wert beim Absenden des Formulars an den Server übermittelt (nicht ausgewählte Buttons übermitteln keine Daten an den Server).
Syntax
Die value-Eigenschaft festlegen:
radioObject.value="value"
Die value-Eigenschaft zurückgeben:
radioObject.value
Browser-Unterstützung
Alle wichtigen Browser unterstützen die value-Eigenschaft
Beispiele
Beispiel 1
Den ausgewählten Wert aus den Radio-Buttons anzeigen:
<form>Welche Farbe bevorzugen Sie?<br>
<input type="radio" name="colors" id="red" value="red">Rot<br>
<input type="radio" name="colors" id="blue" value="blue">Blau<br>
<input type="radio" name="colors" id="green" value="green">Grün</form>
<button type="button" onclick="displayResult()">Den ausgewählten Wert anzeigen</button>
Selbst ausprobieren »
Beispiel 2
Den ausgewählten Wert des Radio-Buttons anzeigen:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Beispiel (example.com)</title>
<script>
function displayResult(browser){
document.getElementById("result").value=browser
}
</script>
</head>
<body>
<p>Wählen Sie Ihren Lieblingsbrowser:</p>
<form>
<input type="radio" name="browser" onclick="displayResult(this.value)" value="Internet Explorer">Internet Explorer<br>
<input type="radio" name="browser" onclick="displayResult(this.value)" value="Firefox">Firefox<br>
<input type="radio" name="browser" onclick="displayResult(this.value)" value="Opera">Opera<br>
<input type="radio" name="browser" onclick="displayResult(this.value)" value="Google Chrome">Google Chrome<br>
<input type="radio" name="browser" onclick="displayResult(this.value)" value="Safari">Safari<br><br>Ihr Lieblingsbrowser ist:<input type="text" id="result">
</form>
</body>
</html>
Selbst ausprobieren »
Radio-Objekt Andere Erweiterungen