Add Valor Java

[Marcos Geam 2]

Galera seguinte tem o codigo abaixo que funciona direitinho... consiste em pegar os checkbox marcados e soma, mostrando o valor em tempo real na tela, o porém é o seguinte, preciso alterar ela de forma que ao marcar o checkbox que assume um valor inteiro, ele pegue também o hidden do form que assume o nome do servico no caso, separados por virgula... vamos entender o codigo;

?>
<script language="javascript">
function calc_price_of_selected_products() {
// Obtendo formulário que contém os checkboxes com o valor dos produtos
var products = document.getElementById("product")
// Preço será do tipo float por causa dos produtos que podem ter
// centavos em seu valor
var total_price = 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 + parseInt(products[i].value)
}
}

// Atualizando div que contém o preço total dos produtos
document.getElementById("total").innerHTML = "Pontos de Resgate " + total_price.toFixed(0)
}
</script> // desta forma ele pega o valor do checkbox e soma, até ai ok!

* agora vem o form q me dá os valores;

<form id="product">
<input type="checkbox" name="servico" value="50" onclick="calc_price_of_selected_products()"> Troca de oleo<br>
<input type="checkbox" name="servico" value="100" onclick="calc_price_of_selected_products()"> balanceamento<br>
</form>
<div id="total">Total: 0</div>

** o que precisaria é q alem do valor do checkbox ele pegasse o valor do hidden e jogasse na div total também, pra dizer quais servicos ele usou, como se fosse assim;

<form id="product">
<input type="checkbox" name="servico" value="50" onclick="calc_price_of_selected_products()"> Troca de oleo<br>
<input type="hidden" name="descricao" value="troca de oleo" > // hidden faz referencia o check de cima
<input type="checkbox" name="servico" value="100" onclick="calc_price_of_selected_products()"> balanceamento<br>
<input type="hidden" name="descricao" value="balanceamento" >
</form>
<div id="total">Total: 0</div>

Serviços: //aqui mostraria os servicos dos checkbox que foram marcados.

 

bom é isto preciso apenas que la no javascript a funca também chame o hidden e exiba abaixo... valeu!

[Lucas Guima 164]

Cara, em JS puro eu não sei, mas em jQuery creio que seria algo do tipo:

 

if (products[i].checked) {
    total_price = total_price + parseInt(products[i].value + products[i].next().val())
}

.next().val()

Ele pega o valor do próximo elemento.

 

Deduzindo que o hidden estará sempre na sequência do checkbox.

[Marcos Geam 2]

nao funfou... coloquei assim:

 

document.getElementById("total").innerHTML = "Pontos de Resgate " + total_price.toFixed(0) + products.next().val())

[Lucas Guima 164]

Então, porque o código que passei é jQuery, você está usando JS puro.

 

Em uma pesquisa rápida, parece que a única maneira de fazer isso com JS é pegando todos os elementos da página e colocando em um array, assim é possível você manipular as ordens.