Atributo checked de Input Checkbox

Objeto Input Checkbox del DOM HTML

Definición y uso

checked Establece o devuelve el estado de selección del cuadro de verificación.

Esta propiedad refleja la propiedad checked de HTML.

Vea también:

Manual de HTML:Atributo checked del <input> de HTML

Ejemplo

Ejemplo 1

Establecer el estado de selección de la casilla de verificación:

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

Intente hacerlo usted mismo

Ejemplo 2

Verifique si la casilla de verificación está seleccionada:

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

Intente hacerlo usted mismo

Ejemplo 3

Use casillas de verificación para convertir el texto en mayúsculas en un campo de entrada:

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

Intente hacerlo usted mismo

Ejemplo 4

Algunos cuadros de verificación en el formulario:

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 = "Usted ha pedido café con: " + txt;

Intente hacerlo usted mismo

Sintaxis

Devuelve la propiedad checked:

checkboxObject.checked

Establecer la propiedad checked:

checkboxObject.checked = true|false

Valor del atributo

Valor Descripción
true|false

Define si debe seleccionarse la casilla de verificación.

  • true - la casilla de verificación está seleccionada
  • false - predeterminado. La casilla de verificación no está seleccionada

Detalles técnicos

Valor devuelto: Valor booleano, devuelto si se selecciona la casilla de verificación truedevuelto, si no se selecciona la casilla de verificación false.

Compatibilidad con navegadores

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte

Objeto Input Checkbox del DOM HTML