[Resolvido] verificar quais checkboxes estão marcados e somar os

ATUALIZANDO

achei um outro código mas que não está funcionando corretamente... este faz a soma em real-time, mas está calculando errado..

além de não pegar o valor correto em alguns checkboxes ao desmarcar uma das seleções ele soma novamente.. talvez precise de alguns ajustes e eu não sei o que fazer.. alguém??

total = 0; //toal é zero no começo

function Somar(){
var form = document.forms[0]; //pega o primeiro form q aparecer
 for (var i=0;i < form.elements.length;i++) //checa o numero de elementos no form
 {
 if(form.elements[i].type == "checkbox") //procura somente pelos 'checkbox'
 {
 checa = form.elements[i].getAttribute("name"); //pega o atributo ID de cada checkbox
 if(checa == "check[]" && (form.elements[i].checked)){ //compara pra ver se está marcado
 total = (parseInt(total) + parseInt(form.elements[i].value)); //transforma em Integer pra poder somar certo
 }
 }
 }
 form.total_valor.value = total; //atualiza o campo

}

cada um de meus checkboxes está assim (com seus respectivos dados, é claro)

<input name="check[]" id="opcao1" type="checkbox" value="480" onclick="Somar();"/>

Código funcionando certinho... menos no IE..

<script type="application/javascript" language="javascript">

var total = 1500;

function soma(campo) {

 if (campo.checked)

 total += eval(campo.value);

 else

 total -= eval(campo.value);

 document.inscricaoatsp.total.value = total;

}

</script>

e meus checkbox's estão assim:

<input name="hotel" id="hotel" type="checkbox" value="70" onclick="soma(this)" />

<input name="transporte" id="transporte" type="checkbox" value="30" onclick="soma(this)" />

<input name="alimentacao" id="alimentacao" type="checkbox" value="30" onclick="soma(this)" />

Alguém pode me dizer isso não funciona no Internet Explorer?

function somar(){
 var inputs = document.getElementsByName("check[]");
 var soma = 0;
 for(var i = 0; i < inputs.length; i++){
 if(inputs[i].checked){
 soma += parseFloat(inputs[i]);
 }
 }
 document.getElementsByName("total_valor")[0].value = soma;

Chame a função apenas no botão para calcular.

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Achei uma solução que funciona no IE (testado também no Firefox, Flock, Ópera e Chrome)

JavaScript

<script language="JavaScript">
/ A PARTE EM JAVASCRIPT NÃO É NECESSÁRIO ALTERAR /
function checkChoice(whichbox) {
with (whichbox.form) {

if (whichbox.checked == false)
hiddentotal.value = eval(hiddentotal.value) - eval(whichbox.value);

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 ("R$" + num + "." + cents);
}
</script>

HTML

<input name="campo1" id="campo1" type="checkbox" value="1.500" onClick="this.form.total.value=checkChoice(this);"/>
<input name="campo2" id="campo2" type="checkbox" value="1.000" onClick="this.form.total.value=checkChoice(this);"/>

Total: <input type="text" name="total" value="" readonly>
 <input type="hidden" name="hiddentotal" value="0"> /*altere este valor se houver um valor inicial

só pra complementar...

na verdade, o script do post do dia 26 também funciona no IE se tirarmos a informação type="application/javascript"

e, consequentemente, o script que postei hoje deixa de funcionar no IE se incluirmos o type ...

não sei porque isso acontece...coisas do Internet Explorer...

o type que eu conheço, é type="text/javascript"

Para web, use sempre o que o Bruno mostrou...

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Lição aprendida!!

Obrigado Bruno, Obrigado Thiago..