Somando Items

Olá pessoal!!! Estou muito descompreendido de JavaSript. Já tentei de várias formas e não obtive resultdo, por isso estou aqui pedindo ajuda de vcs. Vou direto ao assunto ou desafio, como quiserem. Logo abaixo está o meu código. O que quero? Queria que alguém me ajudasse com uma soma de items selecionados. Se o item "cabeceira" estiver bloqueado, o resultado dos "tamanhos de cama" apareceria no campo "valor total". Caso o item "cabeceira" estivesse habilitado, os "tamanhos de cama" em qualquer um dos selecionados, seria somado, junto com o item "material". Por ex: o tamanho de cama casal + o material magno, resultado seria de R$ 2400,00. Vejam o código:

<html>
<head>
<title>Cadastro</title>
<script LANGUAGE="JavaScript">
function mudaCabe(){
if (document.getElementById('cabe').checked == true){
  document.getElementById('mat').disabled = false;
  document.getElementById('preco').disabled = false;
}
else
{
document.getElementById('mat').disabled = true;
document.getElementById('preco').disabled = true;
}
}
function valorMat(){
if (document.getElementById('mat').value== 'br'){
  document.getElementById('preco').value = "R$ 200,00";
}
if (document.getElementById('mat').value== 'mag'){
  document.getElementById('preco').value = "R$ 400,00";
}
if (document.getElementById('mat').value== 'cer'){
  document.getElementById('preco').value = "R$ 800,00";
}
if (document.getElementById('mat').value== ''){
  document.getElementById('preco').value = "";
}
}
</script>
</head>
<body>
<form name="enviar_formulario" onSubmit="return enviar();">
<span style="font-weight: bold; font-size: 22px;">Compra de Uma Cama</span>
  <h4 class="style3">Tamanho</h4>
  <strong>
  <INPUT TYPE="RADIO" NAME="tamanho" VALUE="sol" CHECKED>
  Solteiro - R$ 1000,00<br>
  <INPUT TYPE="RADIO" NAME="tamanho" VALUE="casal">
  Casal - R$ 1500,00<br>
  <INPUT TYPE="RADIO" NAME="tamanho" VALUE="queen">
  Queen - R$ 2000,00<br>
  <INPUT TYPE="RADIO" NAME="tamanho" VALUE="bing">
  Bing - R$ 2500,00<br>
  <br>
  </strong><strong>
<INPUT TYPE="CHECKBOX" NAME="cabe" id="cabe" onClick="mudaCabe()" >Cabeceira<br/>
Material: <SELECT id="mat" NAME="mat" onchange="valorMat()" disabled="disabled">
<OPTION VALUE="">Escolha...</OPTION>
<OPTION VALUE="br">Branca</OPTION>
<OPTION VALUE="mag">Magno</OPTION>
<OPTION VALUE="cer">Cerejeira</OPTION>
</SELECT>
&nbsp;&nbsp;&nbsp;&nbsp;Preço: <INPUT TYPE=TEXT id="preco" NAME="preco" SIZE=15 disabled="disabled">
</stron
<strong>Valor Total:</strong>
<INPUT TYPE=TEXT NAME="vt" SIZE=15><p>
<input name="Enviar" type="submit" value="Enviar" >
</form>
</body>
</html>

Ficou bem esclarecido? Qualquer coisa, estarei por perto. Por favor, será que alguém poderia me ajudar.
Obrigado.

#1 Vitor Gomes

#2 Klaus

#3 Vitor Gomes

#4 Klaus

1 user(s) are reading this topic