<!DOCTYPE html>
<html>
<head>
<script data-require="jquery@2.2.4" data-semver="2.2.4" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body>
<h1>Obtener valor de checkbox</h1>
<input type="checkbox" id="mi_caja" />
<button id="btnImprimir">Imprimir estado</button>
</body>
</html>
$(function(){
//Escuchar al botón, esto no tiene nada que ver con el valor del checkbox
$("#btnImprimir").click(function(){
var estaSeleccionado = $('#mi_caja').is(":checked");
if(estaSeleccionado) alert("La caja está marcada");
else alert("La caja NO está marcada");
});
});
/* Styles go here */