3
/* 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

1
  • No es un array vacío: [{}]es un array con ún único elemento que es un objeto vacío el 26 nov. 2018 a las 17:09

1 respuesta 1

4

Cuando JSON.stringify itera tu array para convertirlo a string, se encuentra con el elemento input.single-checkbox que es un nodo HTML y no sabe como convertirlo a string, por eso queda como un objeto vacío.

JSON.stringify([elem])
// "[{}]"

Te recomiendo que mejor armes tu propio objeto sólo con las propiedades que uses del nodo HTML y eso sea lo que conviertas a través de JSON.stringify

JSON.stringify([{props:1}])
// "[{"props":1}]"
2
  • 1
    Bien explicado, iba a poner lo mismo que tú pero te adelantaste el 26 nov. 2018 a las 17:14
  • Gracias a todos :) el 26 nov. 2018 a las 17:25

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.