/* Validar checkboxes clickeados */
var checkboxes = document.querySelectorAll('.single-checkbox');
var clickeados = new Array();
checkboxes.forEach(elem => {
elem.addEventListener('change', (event) => {
event.stopPropagation();
if(elem.checked) {
if(!clickeados.includes(elem)){
clickeados.push(elem);
// console.log(clickeados);
}
}
else{
if(clickeados.includes(elem)){
clickeados.pop(elem);
// console.log(clickeados);
}
}
});
});
/* Validar cuantos gustos fueron seleccionados antes de hacer el submit */
$('#vasitoForm').on('submit', (event) => {
if(clickeados.length == 0){
event.preventDefault();
document.getElementById("errorGustos").innerHTML = "Debe seleccionar por lo menos un gusto";
}
else if(clickeados.length > 0 && clickeados.length < 3){
console.log(clickeados);
var myArray = JSON.stringify(clickeados);
// $('#vasitoForm').attr('action', myArray + '/pedido');
console.log(myArray);
}
});
El console.log(clickeados) me imprime el arreglo de input's perfectamente, pero cuando lo quiero convertir a JSON y lo vuelvo a imprimir el JSON me sale vacio ...
Array [ input.single-checkbox ] home.js:59:5
[{}] home.js:62:9
[{}]
es un array con ún único elemento que es un objeto vacío