Attribut checked de l'élément Input Radio

Objet Input Radio DOM HTML

Définition et utilisation

checked Définit ou renvoie l'état de sélection d'un bouton radio.

Cette propriété reflète l'attribut HTML checked.

Veuillez également consulter :

Manuel HTML :Attribut checked de <input> HTML

Exemple

Exemple 1

Sélectionner et désélectionner un bouton radio spécifique :

function check() {
  document.getElementById("red").checked = true;
}
function uncheck() {
  document.getElementById("red").checked = false;
}

Essayez-le vous-même

Exemple 2

Vérifiez si un bouton radio est sélectionné :

var x = document.getElementById("myRadio").checked;

Essayez-le vous-même

Exemple 3

Utilisez des boutons radio pour convertir le texte d'un champ d'entrée en majuscules :

document.getElementById("fname").value = document.getElementById("fname").value.toUpperCase();

Essayez-le vous-même

Exemple 4

Des boutons radio dans le formulaire :

var coffee = document.forms[0];
var txt = "";
var i;
for (i = 0; i < coffee.length; i++) {
  if (coffee[i].checked) {
    txt = txt + coffee[i].value + " ";
  }
}
document.getElementById("order").value = "Vous avez commandé du café avec : " + txt;

Essayez-le vous-même

Syntaxe

Renvoyer l'attribut checked :

radioObject.checked

Définir l'attribut checked :

radioObject.checked = true|false

Valeur de l'attribut

Valeur Description
true|false

Détermine si le bouton radio doit être sélectionné.

  • true - le bouton radio est sélectionné
  • false - par défaut. Le bouton radio n'est pas sélectionné

Détails techniques

Valeur retournée : Valeur booléenne, renvoyée si le bouton radio est sélectionné true; sinon retourne false.

Support du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

Objet Input Radio DOM HTML