Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá a todos!!
Gostaria que voces me ajudassem no seguinte:
Estou desenvolvendo um projeto em que se vende pizzas pela internet e o cliente tem que entrar com algumas informações sobre a pizza que deseja pedir.
Primeiro o cliente seleciona o nome da pizza que deseja (em uma caixa de seleção de opções "select"), depois escolhe o tamanho ("input type="radio"). Ao clicar no tamanho, aparece o valor daquela pizza no tamanho escolhido.
Depois o cliente seleciona a quantidade ("select option") e escolhe o recheio da borda da pizza. Cada recheio tem um preço. O cliente faz a opção em "select option" também. Quando escolhe "catupiry" por exemplo, aparece o valor embaixo de R$ 2,00.Preciso de ajuda para o seguinte:
Quero que, quando o cliente selecionar a quantidade, esta seja multiplicada pelo valor unitário da pizza, aparecendo o resultado no lugar do valor inicial. Por exemplo, se o cliente selecionar o tamanho "M", aparecerá R$ 15,00, e ao escolher a quantidade 2, quero que no lugar do R$ 15,00 apareça R$ 30,00.
Quero também que apareça um valor total embaixo de tudo, que some o valor da pizza (já com as quantidades multiplicadas) com o valor do recheio para se chegar ao valor total que o cliente irá pagar.
Segue o código javascript:
<script type="text/javascript">
function mostrar_valor(obj) {
document.getElementById('valor_pq').style.display="none";
document.getElementById('valor_md').style.display="none";
document.getElementById('valor_gd').style.display="none";
switch (obj.id) {
case 'pg':
document.getElementById('valor_pq').style.display="block";
break
case 'md':
document.getElementById('valor_md').style.display="block";
break
case 'gd':
document.getElementById('valor_gd').style.display="block";
break
}
}
function optionRecheio() {
var option = document.getElementById('options').value;
if(option == "catup"){
document.getElementById("valorCatupiry").style.display="block";
document.getElementById("valorCheddar").style.display ="none";
document.getElementById("valorChocolate").style.display ="none";
document.getElementById("valorMussarela").style.display ="none";
}
if(option == "chedd"){
document.getElementById("valorCatupiry").style.display="none";
document.getElementById("valorCheddar").style.display ="block";
document.getElementById("valorChocolate").style.display ="none";
document.getElementById("valorMussarela").style.display ="none";
}
if(option == "choc"){
document.getElementById("valorCatupiry").style.display="none";
document.getElementById("valorCheddar").style.display ="none";
document.getElementById("valorChocolate").style.display ="block";
document.getElementById("valorMussarela").style.display ="none";
}
if(option == "muss"){
document.getElementById("valorCatupiry").style.display="none";
document.getElementById("valorCheddar").style.display ="none";
document.getElementById("valorChocolate").style.display ="none";
document.getElementById("valorMussarela").style.display ="block";
}
}
</script>segue código html:
<body>
<div> <select>
<option>Selecione</option>
<option>Quatro queijos</option>
<option>Baiana</option>
<option>Calabreza</option>
<option>Portuguesa</option>
</select>
</div>
<br />
<br />
<div>
<input type="radio" onclick="mostrar_valor(this);" id="pg" name="tamanho" > P
<input type="radio" onclick="mostrar_valor(this);" id="md" name="tamanho" > M
<input type="radio" onclick="mostrar_valor(this);" id="gd" name="tamanho" > G
</div>
<br />
<div id="valor_pq" style="display:none;">R$ 10,00</div>
<div id="valor_md" style="display:none;">R$ 15,00</div>
<div id="valor_gd" style="display:none;">R$ 20,00</div>
<br />
<br />
<div>
<label>Qtde.:
<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</label><br />
</div>
<br />
<br />
<div>
Escolha o recheio da borda
<select id="options" onchange="optionRecheio()">
<option>Selecione</option>
<option value="catup">Catupiry</option>
<option value="chedd">Cheddar</option>
<option value="choc">Chocolate</option>
<option value="muss">Mussarela</option>
</select>
</div>
<br />
<br />Valor do recheio:
<label id="valorCatupiry" style="display:none;">R$ 2,00</label>
<label id="valorCheddar" style="display:none;">R$ 2,00</label>
<label id="valorChocolate" style="display:none;">R$ 4,00</label>
<label id="valorMussarela" style="display:none;">R$ 3,00</label>
<br />Total Total:
</body>
Alguém me ajuda em mais essa, por favor??
Abraços!! Agradeço desde já!
Carregando comentários...