imprimir valor e dados selecionados em outra pagina.
Boa tarde, pessoal!
Td bem com vcs?
Estou a procura de um JS que me de retorno dos dados selecionados na pagina anterior.
Eu escolho as minhas opções e qnd eu clicar em confirmar pedido chama outra pagina com os dados q eu selecionei mais os valor total
Veja o código q estou utilizando:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<style type="text/css">
#iconApiWhatsapp{
position: fixed;
display: flex;
right: 0px;
bottom: 0px;
z-index: 99999;
right: 0px;
position: fixed;
width: 100%;
bottom: 0px;
background: rgba(0,0,0,0.8);
height: 57px;
text-align: center;
}
#iconApiWhatsapp img{
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
width: 150px;
height: 57px;
opacity: 0.5;
filter: alpha(opacity=50); /* For IE8 and earlier */
-webkit-transition: opacity 0.5s; /* For Safari 3.1 to 6.0 */
transition: opacity 0.5s;
}
#iconApiWhatsapp img:hover{
opacity: 1;
filter: alpha(opacity=100); /* For IE8 and earlier */
}
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="5" cellpadding="0">
<tr>
<td width="92%" align="left"><b>PORTUGUESA</b><br/>
Molho de tomate, mussarela, calabresa ralada, catupiry, alho tostado, cebola, azeitonas e oregano.<br/><hr /></td>
<td width="8%" align="center" valign="top"><b>28,00</b><br/>
<input type="checkbox" name="sabor" id="evento_value2" value="28.00">
<input type="hidden" name="vl_sabor" value="28.00">
</td>
</tr>
<tr>
<td align="left"><b>A MODA DA CASA</b><br/>
Molho de tomate, mussarela, calabresa ralada, catupiry, alho tostado, cebola, azeitonas e oregano.<br/><hr /></td>
<td align="center" valign="top"><b>28,00</b><br/>
<input type="checkbox" name="sabor" id="evento_value2" value="28.00">
<input type="hidden" name="vl_sabor" value="28.00"></td>
</tr>
</table><br/><br/><br/>
<div id="iconApiWhatsapp" class="preco">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="15%" align="lef" onclick="location.href='finalizar_pedido.html'" style="cursor:pointer;">
<font size="5" color="yellow" face="aril tahoma verdana">
Confirmar Pedido</td>
<td width="70%" align="center">
<font size="4" color="white" face="arial"><b><span id="resultado"></span></b> <!--Resultado da soma dos checkbox-->
<!--Resultado Pegando
a Variavel - Resultado checkbox -->
</font>
</td>
<td width="15%" align="right"><a href="javascript:window.history.go(-1)"><<Voltar</a></td>
</tr>
</table>
</div>
<script type="text/javascript">
var total = 0;//Chama a função com click em qualquer checkbox
$(":checkbox").click(function () {
//Atribui o valor do input p/ variável 'valor'
var valor = parseInt($(this).val());
//Se o checkbox for marcado ele soma se não subtrai
if ($(this).is(":checked")) {
total += valor;
} else {
total -= valor;
}
//Atribui o valor ao input
$("#evento_value").val(total);
$("#resultado").text(formatPrice(total));
});
function formatPrice(value, currency = true) {
var valor = parseFloat(value);
let valorFormatado = null;
if(currency) {
//Valor com cifrão
valorFormatado = valor.toLocaleString('pt-BR', { style: 'currency', currency: 'BRL' });
}
else {
//Valor sem cifrão
valorFormatado = valor.toLocaleString('pt-BR', { minimumFractionDigits: 2});
}
return valorFormatado;
}
</script>
</body>
</html>Discussão (1)
Carregando comentários...