Radio formEigenschaft
Radio-Objekt
Definition und Verwendung
Die form-Eigenschaft gibt eine Referenz auf das Formular zurück, das die Schaltfläche enthält.
Bei Erfolg gibt diese Eigenschaft ein Formularobjekt zurück.
Syntax
radioObject.form
Browser-Unterstützung
![]()
![]()
![]()
![]()
![]()
Alle gängigen Browser unterstützen die form-Eigenschaft
Beispiel
Beispiel
Das folgende Beispiel gibt die ID des Formulars zurück, zu dem der Radiobutton gehört:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Rookie Tutorial (example.com)</title>
<script>
function displayResult(){
var x=document.getElementById("red").form.id;
alert(x);
}
</script>
</head>
<body>
<form id="form1">
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()">ID des Formulars anzeigen, zu dem es gehört</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Rookie Tutorial (example.com)</title>
<script>
function displayResult(){
var x=document.getElementById("red").form.id;
alert(x);
}
</script>
</head>
<body>
<form id="form1">
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()">ID des Formulars anzeigen, zu dem es gehört</button>
</body>
</html>
Selbst ausprobieren »
Radio-Objekt Andere Erweiterungen