Propriedade checked de Input Checkbox

Objeto Input Checkbox DOM HTML

Definição e uso

checked Define ou retorna o estado de seleção do checkbox.

Esta propriedade reflete a propriedade checked do HTML.

Veja também:

Manual HTML:Propriedade checked do <input> do HTML

Exemplo

Exemplo 1

Definir o estado de seleção do checkbox:

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

Experimente por si mesmo

Exemplo 2

Verifique se o checkbox está selecionado:

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

Experimente por si mesmo

Exemplo 3

Use checkboxes para transformar o texto do campo de entrada em maiúsculas:

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

Experimente por si mesmo

Exemplo 4

Alguns checkboxes no formulário:

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 = "Você pediu o café com: " + txt;

Experimente por si mesmo

Sintaxe

Retornar a propriedade checked:

checkboxObject.checked

Definir a propriedade checked:

checkboxObject.checked = true|false

Valor do atributo

Valor Descrição
true|false

Define se a caixa de seleção deve estar marcada.

  • true - A caixa de seleção está marcada
  • false - Padrão. A caixa de seleção não está marcada

Detalhes técnicos

Valor de retorno: Booleano, se a caixa de seleção estiver marcada, retornará trueSe a caixa de seleção não estiver marcada, retornará false.

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte

Objeto Input Checkbox DOM HTML