Necesito actualizar el precio de un producto, luego de que el usuario selecciona una opción. Pero no me aparece ningún monto de los que tengo en el data-cost de mis radios. He realizado pruebas con varios formatos de funciones pero ninguna me funciona, este es el más reciente que tengo, pero aún no veo la luz. ¿Me ayudan por favor?
Editado -> Perdón. Olvidé mencionar que está es sólo parte de la operación, luego tengo que sumar esto a otros datos. Por lo que necesito que el resultado esté en una variable global.
Este es el html
<form method="POST" action="https://tmgmfg.activehosted.com/proc.php" id="_form_29_" class="build-form" validate>
<label><input type="radio" name="field" value="Manual SPT Hammer" data-cost="0"/>Manual SPT Hammer</label>
<label><input type="radio" name="field" value="Automatic SPT Hammer" data-cost="2000">Automatic SPT Hammer</label>
</form>
<div id="options_cost"></div>
Este es mi js
var hammer = 0;
function productCost() {
document.getElementById("_form_29_").onchange = function() {
hammer = document.querySelector('input[name = field]:checked').getAttribute('data-cost');
};
}
productCost();
document.getElementById("options_cost").innerHTML = productCost();
var hammer;
fuera de la función? – Joan Manuel Hernández el 5 ago. 19 a las 21:51