Bom dia !
Estou com um probleminha estou tentando retornar o value de um campo radio imprimindo na tela para dar um tipo de retorna para o usuário antes de efetuar o clique de envio. Estou no momento testando em cima de um script que encontrei, porém sem muito sucesso está me retornando NaN, tentei alterar de parseInt para parseFlot porém ainda sem sucesso.
<form>
<p>Now, with CSS3: </p>
<div class="cc-selector">
<input id="visa" type="radio" name="credit-card" value="20" onfocus="calcularPrimeiro()" />
<label class="drinkcard-cc visa" for="visa"></label>
<input id="mastercard" type="radio" name="credit-card" value="30" onblur="calcularPrimeiro()" />
<label class="drinkcard-cc mastercard"for="mastercard"></label>
</div>
</form>
<div id="resultado"></div>
<script type="text/javascript">
function calcularPrimeiro() {
var n1 = parseFloat(document.getElementsByClassName('credit-card').value, 0);
document.getElementById('resultado').innerHTML = n1;
}
</script>
getElementsByClassName
retorna um array de elementos. Provavelmente o.value
está retornando undefined.