Possuo uma função que insere inputs de forma dinâmica em uma div possibilitando a criação de uma lista de compras, tarefas, ou o que a imaginação permitir, este também possui um botão que remove o item que não deseja mais, tipo um TODO, eu gostaria que ao rodar a função CONTAR ele não só conte os inputs mas também calcule quantos números tem em todos os inputs, exemplo, tem 4 inputs então ele calculará 4 inputs e também somará o valor dentro de todos os 4, eu já sei como contar, só não sei como somar.
O código de colocar inputs é este
function new_input() {
$('<x>'
+ '<input class="cod" placeholder="Código" />'
+ '<input class="desc" placeholder="Descrição" />'
+ '<input class="quant" placeholder="Quantidade" />'
+ '<input class="val" placeholder="Valor" />'
/* este span serve para apagar um item */
+ '<span class="remove cursor_pointer display_none">+</span>'
+ '</x>').prependTo(scnDiv);
$('input').first().focus();
rscnDiv++;
/* este trecho abaixo irá contar um novo input */
contar_mais('itens_total'); } });
Para que tudo funcione perfeitamente, o new_input tem que ser executado dentro desta função abaxo
function prep_new_input() {
$(this).blur();
event.preventDefault();
$('input').first().focus();
new_input(); }
a função que conta os inputs é este trecho abaixo
function contar(i) {
return document.getElementById(i); }
function contar_menos(i) {
var quantidade = parseInt(contar(i).value);
if(quantidade > 0)
contar(i).value = quantidade - 1; }
function contar_mais(i) {
contar(i).value = parseInt(contar(i).value) + 1; }
a função que remove um item da lista é o trecho a baixo
$('span.remove').live('click', function() {
if(rscnDiv > 1) {
$(this).parents('x').remove();
$('input').first().focus();
rscnDiv--;
contar_menos('itens_total'); } });
edição
Para que tudo funcione, precisa estar dentro disso
$(document).ready(function() { var scnDiv = $('div.itens'); var rscnDiv = $('div.itens x').size() + 1; new_input();
edição
as divs que seguram os inputs e mostram quantos inputs têm são as abaixo
<div class='itens'></div>
<input id='itens_total' class='itens_total' value='0' readonly='readonly' />
Eu queria poder contar a quantidade de input como já faz e também somar os valores dentro de todos os inputs em uma div de quantidade total ao lado da itens total, só isso já é o suficiente, mas se de quebra der para fazer funcionar sem ID só com classe, valew, desde já, grato