How to serialize a form with checkbox [closed]

In this script it calculates the total values of checked checkboxes, which adaptation would be necessary in addition to the sum it also show the name and value attributes of the respective checked checkboxes?

HTML:    

<inputtype="checkbox" name="teste" checked="" value="20.00" />
    <input type="checkbox" name="teste" checked="" value="20.00" />
    <input type="checkbox" name="teste" checked="" value="20.00" />
    <input type="checkbox" name="teste" checked="" value="20.00" />

    <div id='resultado_soma'>
        <?echo $total?>
    </div>
    <!--Resultado da soma dos 
 checkbox-->
    <div id='resultado_soma_menos_variavel'>
        <?echo $total_geral?>
    </div>
    <!-- 
 Resultado Pegando      
 a Variavel - Resultado checkbox -->

JavaScript:

(function() {
    var elements = document.getElementsByTagName('input');
    var resultado = document.getElementById('resultado_soma');
    for (var i = 0; i < elements.length; i++) {
        elements[i].addEventListener('change', calcular);
    }

    function calcular() {
        var dados = [].map.call(elements, function(input) {
            return {
            el: input,
                value: parseInt(input.value),
                name: input.name
            };
        });
        var total = dados.reduce(function(soma, el) {
            return soma + (el.el.checked ? el.value : 0);
        }, 0);

        resultado.innerHTML = JSON.stringify(dados) + ' ' + total;
    }
})();