Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Rogerio Pancini

Calcular com Jquery e Php

Por , em Javascript

Recommended Posts

Rogerio Pancini    0

Rogerio Pancini
Postado

Boa noite pessoal.

Não deve ser algo tão complexo, vejo que é um recurso comum, mas há duas noites estou quebrando a cabeça e penando para encontrar uma solução e nada.

Tenho parte de um form:

echo "
	<tr >
		<td><input name=\"id_item_up_orc[$id_orc_chk]\" id=\"id_item_up_orc[$id_orc_chk]\" type=\"checkbox\" value=\"$id_orc_chk\" checked style=\"display: none\"/></td>
		<td><img src='http://www.$site/images/especies/orc/$imagem_orc_sel' style=\"width: 70%\"></td>
		<td style=\"padding:0 10px;\">$nome_popular_sel</td>
		<td style=\"padding:0 10px;\">$qt_esp</td>
		<td style=\"padding:0 10px;\">
		<input type=\"text\" value=\"$tamanho_sel\" name=\"tamanho[$id_orc_chk]\" id=\"tamanho[$id_orc_chk]\" tabindex=\"1\" class=\"form-control\">
		</td>
		<td style=\"padding:0 10px;\">
		<input type=\"text\" value=\"$valor_sel\" name=\"valor[$id_orc_chk]\" id=\"valor[$id_orc_chk]\" tabindex=\"2\" class=\"form-control\">
		</td>
		<td style=\"padding:0 10px;\">
		<input type=\"text\" value=\"$valor_total_sel\" name=\"valor_total[$id_orc_chk]\" id=\"valor_total[$id_orc_chk]\" tabindex=\"3\" class=\"form-control\">
		</td>
	</tr>									
";

Que traz valores em inputs para gerar um orçamento.

Gostaria de multiplicar o valor com a quantidade para obter o total, em cada linha.

Eu encontro soluções como esta:

$(document).ready(function(){
    $(".input").keyup(function(){
          var val1 = +$(".value1").val();
          var val2 = +$(".value2").val();
          $("#result").val(val1+val2);
   });
});

Mas que são para inputs simples.

No meu caso, preciso trabalhar com input arrays.

Alguém tem alguma idéia, alguma luz, já mexeu com algo do tipo?

Desde já agradeço.

Compartilhar este post

Link para o post
Compartilhar em outros sites

gabrieldarezzo    255

gabrieldarezzo
Postado

Mas que são para inputs simples.

No meu caso, preciso trabalhar com input arrays.

Ué trabalha com classe do Jquery se são multiplos ... (acho bem mais facil)

Caso não tenha a possibilidade da pra pegar os inputs-arrays:;

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>


<input type="text" name="somar[]"/>
<input type="text" name="somar[]"/>
<input type="text" name="somar[]"/>

<hr />
<input type="text" id="total"/>
<br />
<button id="btn-somar">Atualizar</button>

<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
<script type="text/javascript">
	$(document).ready(function() {
		
		//Setar todos os 'arrays'
		$('input[name^="somar"]').val('15');
		
		$( "#btn-somar" ).bind( "click", function() {
			//Pegar o valor de todos
			var total = 0;
			$( "input[name^='somar']" ).each(function() {
				console.log($( this ).val());
				total += parseInt($( this ).val());
			});
			
			$('#total').val(total);
		});
	});
</script>
</body>
</html>

Live demo:

https://fiddle.jshell.net/ty1hzp7f/

De qualquer forma ficou confuso sua explicação...

Mostra apenas o seu HTM...

Ps, recomendo fortemente esse 'curso'

http://try.jquery.com/

E a leitura:

https://tableless.com.br/tenha-o-dom/

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito