Soma de valor selecionados com CHECKBOX

[TadeuSoutinho 0]

Bom dia pessoal,

 

Realizo uma consulta ao banco de dados onde listo no máximo 16 usuários que deverão ser exibidos em um monitor LCD de 32" destinado ao controle do jogo de um campo de PaintBall onde deverão ser somadas as recargas solicitadas por cada um "dos 16 jogadores".

 

O Problema é a primeira linha da consulta e da soma dos checkboxes funciona perfeitamente no entanto quando tento somar os das consultas seguintes não funciona, alguém tem idéia de como isso pode ser resolvido ?

 

Abaixo segue o código utilizado:

<script language="javascript">
function calc() {
	// Obtendo formulário que contém os checkboxes com o valor dos produtos
	var products = document.getElementById("product")
	// Preço serão do tipo float "se" algum dos produtos tiverem centavos "não é o caso"
	// centavos em seu valor
	var total_price = 0.0
 
	// Verificando quais checkboxes foram selecionados e somando seu valor;
  	for(i = 0; i < products.length; i++) {
		if (products[i].checked == true) {
			total_price = total_price + parseFloat(products[i].value)
		}
	}
 
	// Atualizando div que contém o preço total dos produtos
	document.getElementById("total").innerHTML = "Total: R$ " + total_price.toFixed(2)
}
</script>

<?php
							$sql = mysql_query("select * from dados_usuarios");
							while($linhas = mysql_fetch_object($sql))
							{
							?>
							<tr>

       						<td class="playersfoto" rowspan="3"><img width="85" heigth="45" src="img/players/<?php echo $linhas->Foto;?>"></td>
       						<td class="players" colspan="8"><?php echo $linhas->Nome;?> </td>      					
       					</tr>
       					<tr>
								<td colspan="2" class="recarga">RECARGAS</td>
								<td class="recarga">
									<form id="product">
										01<input type="checkbox" value="7.00" onclick="calc()">
										02<input type="checkbox" value="7.00" onclick="calc()">
										03<input type="checkbox" value="7.00" onclick="calc()">
										04<input type="checkbox" value="7.00" onclick="calc()">
										05<input type="checkbox" value="7.00" onclick="calc()">
										06<input type="checkbox" value="7.00" onclick="calc()">
										07<input type="checkbox" value="7.00" onclick="calc()">
										08<input type="checkbox" value="7.00" onclick="calc()">
										09<input type="checkbox" value="7.00" onclick="calc()">
										10<input type="checkbox" value="7.00" onclick="calc()">
									
								</td>
								<td>
									<div id="total" class="recarga">Total: R$ 0.00</div>
								</td>

[Matias Rezende 50]

Não sei como faz, mas com certeza é problema no Javascript. Vou mover pra lá.

Tópico Movido

PHP-GTK http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Javascript