Attribut checked de l'élément Input Checkbox

Objet Input Checkbox DOM HTML

Définition et utilisation

checked Définit ou renvoie l'état de sélection de la case à cocher.

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

Voir également :

Manuel HTML :Attribut checked de <input> HTML

Exemple

Exemple 1

Définir l'état de sélection de la case à cocher :

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

Essayez-le vous-même

Exemple 2

Vérifiez si la case à cocher est cochée :

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

Essayez-le vous-même

Exemple 3

Utilisez des cases à cocher 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

Certains champs de cases à cocher 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 :

checkboxObject.checked

Définir l'attribut checked :

checkboxObject.checked = true|false

Valeur de l'attribut

Valeur Description
true|false

Définir si la case à cocher doit être sélectionnée

  • true - La case à cocher est sélectionnée
  • false - par défaut. La case à cocher n'est pas sélectionnée

Détails techniques

Valeur de retour : Valeur booléenne, retourne true si la case à cocher est sélectionnée trueRetourne false si la case à cocher n'est pas sélectionnée false.

Support du navigateur

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

Objet Input Checkbox DOM HTML