Galera eu aqui um codigo em js que ao selecionar um checkbox ele exibe o valor do checkbox em um input e se eu selecionar mais de um ele soma os checkbox selecionados e exibe o valor total também na mesma input o meu problema tá sendo o seguinte, na hora que selecionar as radiobutton ele soma a radiobutton selecionada mas quando eu marco outra radiobutton ele simplesmente não subtrai
EXEMPLO: RADIO1 = 10 REAIS RADIO2 = 15 REAIS RADIO3 = 40 REAIS
se eu selecionar a RADIO1 ele soma 10 reais, mas se por acaso eu mudar da RADIO1 para RADIO3 ele não subtrai a RADIO1 ele só soma a RADIO3 ai o valor total fica 50 ao invés de 40...
Segue abaixo o codigo..
function checkChoice(whichbox) {
with(whichbox.form) {
if (whichbox.checked == false)
hiddentotal.value = eval(hiddentotal.value) - eval(whichbox.value);
else
hiddentotal.value = eval(hiddentotal.value) + eval(whichbox.value);
return (formatCurrency(hiddentotal.value));
}
}
function formatCurrency(num) {
num = num.toString().replace(/\$|\,/g, '');
if (isNaN(num)) num = "0";
cents = Math.floor((num * 100 + 0.5) % 100);
num = Math.floor((num * 100 + 0.5) / 100).toString();
if (cents < 10) cents = "0" + cents;
for (var i = 0; i < Math.floor((num.length - (1 + i)) / 3); i++)
num = num.substring(0, num.length - (4 * i + 3)) + ',' + num.substring(num.length - (4 * i + 3));
return ("" + num + "." + cents);
}
// funcoes somas de checkds
function checkChoice(whichbox) {
with(whichbox.form) {
if (whichbox.checked == false)
hiddentotal.value = eval(hiddentotal.value) - eval(whichbox.value);
else
hiddentotal.value = eval(hiddentotal.value) + eval(whichbox.value);
return (formatCurrency(hiddentotal.value));
}
}
<form name=myform class="noformat">
<label class="btn btn-default">
<input type="radio" name="tamanho" id="option1" value="9.25" autocomplete="off" onchange="this.form.total.value=checkChoice(this);">250GR
</label>
<label class="btn btn-default">
<input type="radio" name="tamanho" id="option2" value="11.25" autocomplete="off" onchange="this.form.total.value=checkChoice(this);">400GR
</label>
<label class="btn btn-default">
<input type="radio" name="tamanho" id="option3" value="14.25" autocomplete="off" onchange="this.form.total.value=checkChoice(this);">600GR
</label>
<tr>
<td>
<input type="checkbox" autocomplete="off" name="valor" value="2" onClick="this.form.total.value=checkChoice(this);">L. Ninho</td>
<td>
<input type="checkbox" autocomplete="off" name="valor" value="3" onClick="this.form.total.value=checkChoice(this);">Nutella</td>
<td>
<input type="checkbox" autocomplete="off" name="valor" value="3" onClick="this.form.total.value=checkChoice(this);">Chantilly</td>
</tr>
<tr>
<td>
<input type="checkbox" autocomplete="off" name="valor" value="1.5" onClick="this.form.total.value=checkChoice(this);">L. Condensado</td>
<td>
<input type="checkbox" autocomplete="off" name="valor" value="1.5" onClick="this.form.total.value=checkChoice(this);">S. Valsa</td>
<td>
<input type="checkbox" autocomplete="off" name="valor" value="2.5" onClick="this.form.total.value=checkChoice(this);">Sorvete</td>
</tr>
<div class="input-group">
<span class="input-group-addon">Valor Total:</span>
<input class="form-control input-lg" id="disabledInput" name="total" type="text" placeholder="" readonly disabled>
<input type=hidden name=hiddentotal value=0>
<span class="input-group-addon">R$</span>
</div>
</form>
Alguém me ajuda falta isso pra eu completar esse sistema.
Eu não sei o que aconteceu mas o código aqui no site ele funciona mas quando eu coloco em algum pagina online, ele não exibe o resultado.
Caso queira dar um olhada aqui acessa aqui: http://acaiamarena.com.br/modulos/teste.php
eval()
, não é uma boa prática; utilize todas as chaves mesmo para instruções de apenas uma linha para facilitar a leitura