Radio namePropriété
Objet Radio
Définition et utilisation
La propriété name définit ou renvoie le nom du bouton radio.
Astuce :Les groupes de boutons radio sont définis à l'aide de la propriété name (les boutons radio portant le même name appartiennent au même groupe).
La propriété name est utilisée pour envoyer des données au serveur après la soumission du formulaire, ou pour référencer les données du formulaire en JavaScript.
Remarque :Après la soumission du formulaire, seul l'attribut name d'un élément de formulaire transmet les valeurs de données.
Syntaxe
Définir la propriété name :
radioObject.name="name"
Renvoie la propriété name :
radioObject.name
Prise en charge des navigateurs
Tous les principaux navigateurs prennent en charge la propriété name.
Exemple
Exemple
Afficher la valeur de la propriété name du bouton radio "Rouge" :
<!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>
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 nom du bouton radio rouge</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>
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 nom du bouton radio rouge</button>
</body>
</html>
Essayez-le vous-même »
Objet Radio Autres extensions