Radio formPropriété
Objet Radio
Définition et utilisation
La propriété form renvoie une référence au formulaire contenant le bouton.
En cas de succès, cette propriété renvoie un objet form.
Syntaxe
radioObject.form
Prise en charge des navigateurs
Tous les principaux navigateurs prennent en charge la propriété form
Exemple
Exemple
L'exemple suivant renvoie l'id du formulaire auquel le bouton radio appartient :
<!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">
Quelle couleur préférez-vous ?<br>
<input type="radio" name="colors" id="red">Rouge<br>
<input type="radio" name="colors" id="blue">Bleu<br>
<input type="radio" name="colors" id="green">Vert
</form>
<button type="button" onclick="displayResult()">Afficher l'ID du formulaire auquel il appartient</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">
Quelle couleur préférez-vous ?<br>
<input type="radio" name="colors" id="red">Rouge<br>
<input type="radio" name="colors" id="blue">Bleu<br>
<input type="radio" name="colors" id="green">Vert
</form>
<button type="button" onclick="displayResult()">Afficher l'ID du formulaire auquel il appartient</button>
</body>
</html>
Essayez-le vous-même »
Objet Radio Autres extensions