iai galera, tenho uma pendenga e não consigo achar nada pra suprir minha dúvida rsss
seguinte....
Tenho um cardápio Online onde tenho os devidos ITENS sendo abertos em uma janela modal e nesta janela tenho os devidos ITENS EXTRAS em um checkbox que o usuario clicam e adicionam
esta é minha lista de ADICIONAIS EXTRAS QUE PEGO DO BANCO DE DADOS
<label style="border:0px red solid;font-size:1em;width:90%;text-align:left;padding:0px;margin-left:2em;" onclick="somar()">
<input style="height:23px;width:23px;cursor:pointer" type="checkbox" class='limited<?php echo $resultExtrasDelivery->idExtraDelivery?>' id="valorItemExtra" name="idExtraSelects[]" value="<?php echo $resultItensExtras->valorItemExtra?>" >
<span style="cursor:pointer"><?php echo $resultItensExtras->nomeItemExtra?>
<span style="font-size:0.7em;color:#DD2C00">
<small> <?php if($resultItensExtras->valorItemExtra == '0.00'){echo'';}else{echo '+R$ '.$resultItensExtras->valorItemExtra.'<input type="text" value="'.$resultItensExtras->valorItemExtra.'">';}?></small>
</span>
</span>
</label>
ela vem tipo assim
AcréscimoTradicional - Escolha até 3 opções
BACON 1,00
CALABRESA 1,00
MUSSARELA 1,00
PRESUNTO 1,00
OVO 1,00
o que quero fazer é somente somar os itens clicados pelo usuario e somar com o TOTAL DO ITEM
tipo pegar o total do item tipo R$30,00 e ir somando com os acrescimos escolhidos
<script>
function somar() {
// var valorItem = document.getElementById('valorItemExtra').value;
var checkbox = document.getElementById('#valorItemExtra');
var total = 0;
if(checkbox.checked == true){
total += checkbox.value;
}
document.getElementById('somar').innerHTML = total;
}
</script>
To tentando usar a proriedade "checked" do botão de radio para estilizar o elemento pai, uma TD e TR, no caso.
Isso não funciona...to indo na base de tentatica e erro heheh
Um help por favore
tr td input[type="radio"]:checked {
background-color:#0F0;
}