Radio nameEigenschaft
Radio-Objekt
Definition und Verwendung
Die name-Eigenschaft legt den Namen des Radio-Buttons fest oder gibt ihn zurück.
Tipp:Radio-Button-Gruppen werden mithilfe der name-Eigenschaft definiert (Radio-Buttons mit demselben Namen gehören zur selben Gruppe).
Die name-Eigenschaft wird verwendet, um nach dem Absenden des Formulars Daten an den Server zu senden oder um Formulardaten in JavaScript zu referenzieren.
Hinweis:Nach dem Absenden des Formulars überträgt nur das name-Attribut eines Formularelements Datenwerte.
Syntax
Die name-Eigenschaft festlegen:
radioObject.name="name"
Gib die name-Eigenschaft zurück:
radioObject.name
Browser-Unterstützung
Alle gängigen Browser unterstützen die name-Eigenschaft.
Beispiel
Beispiel
Den Wert der name-Eigenschaft des "Red"-Radio-Buttons anzeigen:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Rookie Tutorial (example.com)</title>
<script>
function displayResult(){
var x=document.getElementById("red").name;
alert(x);
}
</script>
</head>
<body>
<form>
Welche Farbe bevorzugen Sie?<br>
<input type="radio" name="colors" id="red">Rot<br>
<input type="radio" name="colors" id="blue">Blau<br>
<input type="radio" name="colors" id="green">Grün
</form>
<button type="button" onclick="displayResult()">Name des roten Radio-Buttons anzeigen</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Rookie Tutorial (example.com)</title>
<script>
function displayResult(){
var x=document.getElementById("red").name;
alert(x);
}
</script>
</head>
<body>
<form>
Welche Farbe bevorzugen Sie?<br>
<input type="radio" name="colors" id="red">Rot<br>
<input type="radio" name="colors" id="blue">Blau<br>
<input type="radio" name="colors" id="green">Grün
</form>
<button type="button" onclick="displayResult()">Name des roten Radio-Buttons anzeigen</button>
</body>
</html>
Selbst ausprobieren »
Radio-Objekt Andere Erweiterungen