Attributo checked di Input Checkbox

Oggetto Input Checkbox DOM HTML

Definizione e uso

checked Imposta o restituisce lo stato di selezione della casella di controllo.

Questa proprietà riflette l'attributo HTML checked.

Vedi anche:

Manuale HTML:Proprietà checked dell'<input> HTML

Esempio

Esempio 1

Imposta lo stato di selezione della casella di controllo:

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

Prova tu stesso

Esempio 2

Controlla se la casella di controllo è selezionata:

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

Prova tu stesso

Esempio 3

Usa le caselle di controllo per trasformare il testo degli input in maiuscolo:

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

Prova tu stesso

Esempio 4

Alcuni caselle di controllo nel modulo:

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 = "Il caffè che hai ordinato ha aggiunto: " + txt;

Prova tu stesso

Sintassi

Restituisce l'attributo checked:

checkboxObject.checked

Imposta l'attributo checked:

checkboxObject.checked = true|false

Valore dell'attributo

Valore Descrizione
true|false

Definire se la casella di controllo dovrebbe essere selezionata

  • true - La casella di controllo è selezionata
  • false - Predefinito. La casella di controllo non è selezionata

Dettagli tecnici

Valore di ritorno: Valore booleano, ritorna true se la casella di controllo è selezionata trueRitorna false se la casella di controllo non è selezionata false.

Supporto dei browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto

Oggetto Input Checkbox DOM HTML