Fala pessoal, tudo bem? Estou tentando fazer um sistema que calcula orçamentos dependendo do produto e suas características.
Estou usando o seguinte código para resgatar os dados dos produtos do banco de dados, em radio buttons (Pro usuário ter a chance de escolher apenas um por vez)
<p>Selecionar Produto</p> <input type="search" name="" id="">
<div class="results" id="results">
<?php
while ($row = $result->fetch_assoc()){
echo("<input type='radio' id='radio' name='radio' value=".$row['price'].">");
echo ("<label for='radio'>". $row['nome']. "</label> <br>");
}
?>
Eu estava tentando usar a $row['price'] no value com a intenção de usar esse valor no Javascript pra fazer os calculos, da seguinte maneira:
function Calc(){
var price= document.getElementById("radio").getAttribute("value");
price = price * 2 + 0.2;
console.log(price);
}
Não obtive muito sucesso pois o Javascript não usava o Value apenas do item selecionado e sim do primeiro Radio. De qualquer forma preciso que o calculo, como o feito acima seja feito no Back-end em PHP e seja retornado, sei que há como fazer com AJAX, mas não faço ideia de como.
Além de tudo, há outra selectbox que deveria mostrar as cores do produto, de acordo com o produto que foi selecionado nos Radio Buttons anteriores. Como mostrar apenas as cores do item selecionado (Já tenho uma tabela com uma coluna contendo as cores).