Radio checkedPropriété
Objet Radio
Définition et utilisation
La propriété checked définit ou renvoie si un bouton radio est coché.
Syntaxe
Définir la propriété checked :
radioObject.checked=true|false
Renvoyer la propriété checked :
radioObject.checked
Prise en charge des navigateurs
Tous les principaux navigateurs prennent en charge la propriété checked
Exemples
Exemples
L'exemple suivant permet de sélectionner et désélectionner un bouton radio :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Rookie Tutorial (example.com)</title>
<script>
function check(){
document.getElementById("red").checked=true
}
function uncheck(){
document.getElementById("red").checked=false
}
</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="check()">Sélectionner "Rouge"</button>
<button type="button" onclick="uncheck()">Désélectionner "Rouge"</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Rookie Tutorial (example.com)</title>
<script>
function check(){
document.getElementById("red").checked=true
}
function uncheck(){
document.getElementById("red").checked=false
}
</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="check()">Sélectionner "Rouge"</button>
<button type="button" onclick="uncheck()">Désélectionner "Rouge"</button>
</body>
</html>
Essayez-le vous-même »
Objet Radio Autres extensions