Estoy trabajando en un código con checkbox
y deseo que los resultados de cuales casillas se encuentran activas o cuales inactivas se muestren en la consola del navegador o se almacenen en un array al pulsar el botón guardar para posteriormente poder trabajar con ellas.
El código que tengo hasta ahora es este:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Formulario</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link rel="stylesheet" type="text/css" href="Estilo.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="divcontenedor">
<div class="row">
<div class="col-md-12">
<div class="tipotex size30 center">Por favor Marque la opcion/opciones deseada:</div>
</div>
</div>
<form >
<div class="row">
<div class="col-md-12">
<ul class="list-group">
<li class="list-group-item">
<div class="row">
<div class="col-md-8">
<p class="tipotex size12">Opcion 1</p>
</div>
<div class="col-md-4">
Estado: <input type="checkbox" id="micheck0" name="micheck">
</div>
</div>
</li>
<li class="list-group-item">
<div class="row">
<div class="col-md-8">
<p class="tipotex size12">Opcion 2</p>
</div>
<div class="col-md-4">
Estado: <input type="checkbox" id="micheck1" name="micheck">
</div>
</div>
</li>
<li class="list-group-item">
<div class="row">
<div class="col-md-8">
<p class="tipotex size12">Opcion 3</p>
</div>
<div class="col-md-4">
Estado: <input type="checkbox" id="micheck2" name="micheck">
</div>
</div>
</li>
<li class="list-group-item">
<div class="row">
<div class="col-md-8">
<p class="tipotex size12">Opcion 4</p>
</div>
<div class="col-md-4">
Estado: <input type="checkbox" id="micheck3" name="micheck">
</div>
</div>
</li>
<li class="list-group-item">
<div class="row">
<div class="col-md-8">
<p class="tipotex size12">Opcion 5</p>
</div>
<div class="col-md-4">
Estado: <input type="checkbox" id="micheck4" name="micheck">
</div>
</div>
</li>
</ul>
</div>
</div>
<button type="button" class="btn btn-primary btn-lg" onclick="guardar()">Guardar</button>
</form>
</div>
<script src="js/func.js"></script>
</body>
</html>