Radio defaultCheckedPropriété
Objet Radio
Définition et utilisation
La propriété defaultChecked renvoie la valeur par défaut de l'attribut checked.
Si l'état par défaut du bouton radio est coché, il renvoie true ; sinon, il renvoie false.
Syntaxe
radioObject.defaultChecked
Prise en charge des navigateurs
Tous les principaux navigateurs prennent en charge la propriété defaultChecked.
Exemple
Exemple
Détecter si l'option "Bleu" est sélectionnée par défaut :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutoriel d'exemple(example.com)</title>
<script>
function displayResult(){
var x=document.getElementById("blue").defaultChecked;
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" checked="checked">Bleu<br>
<input type="radio" name="colors" id="green">Vert
</form>
<button type="button" onclick="displayResult()">Le bleu est-il sélectionné par défaut ?</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Tutoriel d'exemple(example.com)</title>
<script>
function displayResult(){
var x=document.getElementById("blue").defaultChecked;
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" checked="checked">Bleu<br>
<input type="radio" name="colors" id="green">Vert
</form>
<button type="button" onclick="displayResult()">Le bleu est-il sélectionné par défaut ?</button>
</body>
</html>
Essayez-le vous-même »
Objet Radio Autres extensions