Control CHECKBOX

PROBLEMA

  1. Confeccionar una página que muestre tres checkbox que permitan seleccionar los deportes que practica el usuario (Fútbol, Básket, Tenis) Mostrar al presionar un botón los deportes que eligió.
Solución
Problema 1.


<!DOCTYPE html>
<html>
<head>
  <title>Ejemplo de JavaScript</title>
  <meta charset="UTF-8">
</head>
<body>

<script>
  function verificar()
  {
    var deportes='';
    if (document.getElementById("checkbox1").checked)
    {
      deportes=deportes+'Fútbol ';
    }
    if (document.getElementById("checkbox2").checked)
    {
      deportes=deportes+'Básquet ';
    }
    if (document.getElementById("checkbox3").checked)
    {
      deportes=deportes+'Tenis';
    }
    alert('Los deportes seleccionados son:'+deportes);
  }
</script>

<form>
  Seleccione los deportes que practica:<br>
  <input type="checkbox" id="checkbox1">Fútbol<br>
  <input type="checkbox" id="checkbox2">Básquet<br>
  <input type="checkbox" id="checkbox3">Tenis<br>
  <input type="button" value="Controlar" onClick="verificar()">
</form>
</body>
</html>    


Retornar al menu