JavaScript - Tomar valores de un radiobutton

Val: 1

Tomar valores de un radiobutton

Publicado por Luis (1 intervención) el 07/01/2020 23:28:38

Hola a todos.
Soy nuevo el foro.

Quería su ayuda en un duda/problema que tengo.

Estoy realizando una calculadora de cotización.

Lo que hace es ingresas una cantidad y luego te arroja el descuento que vas a obtener.

El problema que tengo es que tengo 2 radio button y esos tienen diferente valor(uno es de 90%, el otro de 85%).

Entonces dependiendo de cual seleccione se tiene que hacer diferente el descuento que arroja .

<h1> Ingrese su consumo bimestral:</h1>

    <input id="valor" type="text" onkeyUp="calcular();">

Este input es para ingresar la cantidad

<span id="total"></span>

Aquí te arroja el descuento.

  //Obtienes el valor

  var valor = document.getElementById("valor").value;

  var result= document.getElementById('result');

var descuento = parseInt(valor)*0.90;

Aquí hago la formula para el descuento pero aquí es donde no se como pasar el valor dependiendo de cual checkbox.

  //agrega los resultados al DOM

  result.innerHTML = 'Ahorro de: $' + descuento;

Y aquí muestro el descuento cuando ingresan la cantidad.

Espero puedan ayudarme
Saludos

Valora esta pregunta

Me gusta: Está pregunta es útil y esta clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

Pos: 41

Val: 42

Tomar valores de un radiobutton

Publicado por juan jose (18 intervenciones) el 08/01/2020 01:15:23

Te hice un ejemplo

<!DOCTYPE html>

<html lang="es">

    <head>

        <meta charset="UTF-8">

        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <title>Descuento</title>

        <script>

            function getDesc(){

                var x=0;

                var y =document.getElementsByName("descuento");

                        for(var i=0;i<y.length;i++)

                            if(y[i].checked){

                                x=y[i].value;

                document.getElementById("descuento").innerHTML=("el descuento seleccionado es "+x);

        </script>

    </head>

    <body>

        <form>

            <p>selecciona un descuento:</p>

            <input type="radio" name="descuento" value=90> 90<br>

            <input type="radio" name="descuento" value=85> 85<br>

        </form>

        <input type="button" value="cual es el descuento" onclick="getDesc()">

        </br>

        <div id="descuento"></div>

    </body>

</html>

adaptalo y opera con ello en vez de hacer un innerHTML

salu2

Valora esta respuesta

Me gusta: Está respuesta es útil y esta clara

No me gusta: Está respuesta no esta clara o no es útil

Comentar