Derniers tutoriels de développement web
 

Input Checkbox checked Property

<Entrée objet Checkbox

Exemple

Définir l'état coché d'une case à cocher:

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

function uncheck() {
    document.getElementById("myCheck").checked = false;
}
Essayez vous - même »

Définition et utilisation

Les ensembles de propriétés vérifiées ou renvoie l'état coché d'une case à cocher.

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


Support du navigateur

Propriété
checked Oui Oui Oui Oui Oui

Syntaxe

Retour vérifier la propriété:

checkboxObject .checked

Définissez la propriété vérifié:

checkboxObject .checked=true|false

Valeurs de propriété

Valeur La description
true|false Indique si une case à cocher doit être cochée ou non.
  • true - La case est cochée
  • false - Par défaut. La case à cocher est pas cochée

Détails techniques

Valeur de retour: Valeur booléenne, renvoie true si la case est cochée et false si la case est décochée

autres exemples

Exemple

Pour savoir si une case est cochée ou non:

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

Le résultat de x sera:

false
Essayez vous - même »

Exemple

Utilisez une case à cocher pour convertir le texte dans un champ de saisie en majuscules:

document.getElementById("fname").value = document.getElementById("fname").value.toUpperCase();
Essayez vous - même »

Exemple

Plusieurs cases à cocher dans un 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 = "You ordered a coffee with: " + txt;
Essayez vous - même »

Pages associées

Référence HTML: HTML <input> attribut checked


<Entrée objet Checkbox