JavaScript

Validar Checkbox con JavaScript

4.36KVistas

Validar checkbox con JavaScript es sencillo. Te enseñare con estos 2 ejemplos para validar o detectar si un checkbox esta seleccionado.

1. Ejemplo básico para saber si un checkbox esta seleccionado:

var isChecked = document.getElementById('test').checked;
if(isChecked){
  alert('checkbox esta seleccionado');
}

2. Y si deseas detectar su estado cada vez que pincha sobre el:

var checkbox = document.getElementById('test');
checkbox.addEventListener("change", validaCheckbox, false);
  
function validaCheckbox(){
  var checked = checkbox.checked;
  if(checked){
    alert('checkbox esta seleccionado');
  }
}

Código completo Validar Checkbox con JavaScript

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Validar Checkbox</title>
    <style>
        body{padding: 50px;text-align: center;}
    </style>
</head>
<body>
    <label for="test">
    <input type="checkbox" name="test" id="test">
        Pincha aquí
    </label>
 
    <script>
        var checkbox = document.getElementById('test');
        checkbox.addEventListener("change", validaCheckbox, false);
 
        function validaCheckbox(){
        var checked = checkbox.checked;
        if(checked){
            alert('checkbox esta seleccionado');
        }
        }
    </script>
</body>
</html>

Validar Checkbox JavaScript: ( VER DEMO )

Deja una respuesta