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;
}
})();