Gli ultimi tutorial di sviluppo web
 

Input Checkbox checked Property

<Casella Oggetto Input

Esempio

Impostare lo stato controllato di una casella di controllo:

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

function uncheck() {
    document.getElementById("myCheck").checked = false;
}
Prova tu stesso "

Definizione e l'utilizzo

Il controllato insiemi di proprietà o restituisce lo stato controllato di una casella di controllo.

Questa struttura riflette l'attributo HTML controllato.

Supporto browser

Proprietà
checked sì sì sì sì sì

Sintassi

Rientro verificare la proprietà:

checkboxObject .checked

Impostare la proprietà controllato:

checkboxObject .checked=true|false

I valori delle proprietà

Valore Descrizione
true|false Specifica se una casella di controllo deve essere controllato o meno.
  • vero - La casella è selezionata
  • false - di default. La casella di controllo non è selezionata

Dettagli tecnici

Valore di ritorno: Un valore booleano, restituisce true se la casella è selezionata, e false se la casella di controllo non è selezionata

Altri esempi

Esempio

Scopri se una casella è selezionata o meno:

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

Il risultato di x sarà:

false
Prova tu stesso "

Esempio

Utilizzare una casella di controllo per convertire il testo in un campo di immissione in maiuscolo:

document.getElementById("fname").value = document.getElementById("fname").value.toUpperCase();
Prova tu stesso "

Esempio

Diverse caselle di controllo in una forma:

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;
Prova tu stesso "

Pagine correlate

Di riferimento HTML: HTML <input> attributo checked

<Casella Oggetto Input