Radio typePropriété
Objet Radio
Définition et utilisation
La propriété type renvoie le type d'élément de formulaire du bouton radio.
Pour les boutons radio, cette propriété est toujours "radio".
Syntaxe
radioObject.type
Prise en charge des navigateurs
![]()
![]()
![]()
![]()
![]()
Tous les principaux navigateurs prennent en charge la propriété type
Exemple
Exemple
L'exemple suivant renvoie le type d'élément de formulaire du bouton radio :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutoriel d'exemple (example.com)</title>
<script>
function displayResult(){
var x=document.getElementById("red").type;
alert(x);
}
</script>
</head>
<body>
<form>
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 le type de champ</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Tutoriel d'exemple (example.com)</title>
<script>
function displayResult(){
var x=document.getElementById("red").type;
alert(x);
}
</script>
</head>
<body>
<form>
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 le type de champ</button>
</body>
</html>
Essayez-le vous-même »
Objet Radio Autres extensions