JavaScript - extraer el valor de un radiobutton

 
Vista:
sin imagen de perfil
Val: 18
Ha disminuido su posición en 2 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

extraer el valor de un radiobutton

Publicado por raquel (12 intervenciones) el 25/04/2018 13:00:11
Hola gente!! A ver si me podeis echar un cable con esto... vereis estoy haciendo un programilla donde tengo un formulario y por radiobutton le doy al usuario las opciones para que elija el producto, tal que así:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<form action = ''>
    <p>Seleccione una opción de Memoria</p>
    <input type= "radio" name="memoria" id="memoria1">16GB
    <input type= "radio" name="memoria" id="memoria2">32GB
    <input type= "radio" name="memoria" id="memoria3">64GB
    <br>
    <p>Seleccione una opción de Procesador</p>
    <input type= "radio" name="procesador" id="procesador1">coreDuo
    <input type= "radio" name="procesador" id="procesador2">tetraDuo
    <input type= "radio" name="procesador" id="procesador3">octaDuo
    <br>
    <p>Seleccione una opción de Chip </p>
    <input type= "radio" name="chip" id="chip1">Wifi 2.0
    <input type= "radio" name="chip" id="chip2">Wifi Max
    <input type= "radio" name="chip" id="chip3">Intel
    <br><br>
    <input type="button" value="Agregar Presupuesto" onclick="CrearTabladeDatos()">
</form>

Despúes me creo una tabla para que quede todo más o menos bonito, porque como vereis tengo un botoncillo donde voy a ir agregando el presupuesto de dichos componentes, algo que quedaría tal que así:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<table border="1" id="TablaDatos">
    <thead>
        <tr>
            <th COLSPAN="3">COMPONENTES INFORMATICOS</th>
        </tr>
        <tr>
            <th>MEMORIA</th>
            <th>PROCESADOR</th>
            <th>CHIP</th>
        </tr>
    </thead>
    <tbody id="tabla">
        // AQUI ES DONDE INYECTAMOS CON JAVASCRIPT//
    </tbody>
    <tr>
        <td colspan="3"><input type="button" value="Procesar Presupuesto" onclick="PrepararDatosPHP()"></td>
    </tr>
</table>

Y aqui es donde viene el lio patatero. Me he creado una funcion en javascript (la del botoncillo), para que cada vez que se haga una combinacion de componentes, lo inyecte en la tabla, pero me ocurre lo siguiente, lo que me inyecta en la tabla es el valor TRUE en vez de inyectarme lo que ha clickado el usuario, es decir que por ejemplo clicka memoria de 16gb, en vez de poner en la casilla 16gb me pone true, y asi sucesivamente. Os voy a pegar el código javascript que tengo a ver si me podéis echar un cable con esto.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<script>
 
function CrearTabladeDatos(){
 
    // recorremos todos los valores del radio button para encontrar el seleccionado
 
 
    var memo=document.getElementsByName('memoria');
    for(i=0; i<memo.length; i++){
        if(memo[i].checked){
            var memory=memo[i].checked;
            alert(memory);
        }
 
        if(memory==true){
            memoria="16GB";
        }
        if(memory==true){
            memoria="32GB";
        }
        if(memory==true){
            memoria="64GB";
        }
    }
 
 
    var proce=document.getElementsByName('procesador');
    for(i=0; i<proce.length; i++){
        if(proce[i].checked){
            var processor=proce[i].checked;
        }
 
        if(processor==true){
            procesador="coreDuo";
        }
        if(processor==true){
            procesador="tetraCore";
        }
        if(processor==true){
            procesador="OctaCore";
        }
 
    }
 
    var chipp=document.getElementsByName('chip');
    for(i=0; i<chipp.length; i++){
        if(chipp[i].checked){
            var micro=chipp[i].checked;
        }
 
        if( micro==true){
            chip="Wifi 2.0";
        }
        if( micro==true){
            chip="Widi Max";
        }
        if( micro==true){
            chip="Intel";
        }
    }
 
    fila=("<tr><td>"+memory+"</td><td>"+processor+"</td><td>"+ micro+"</td></tr>");
 
    btn=document.createElement("TR");
 
    btn.innerHTML=fila;
 
    document.getElementById("tabla").appendChild(btn);
 
}
</script>

PD: a la funcion PHP no le hagais caso que aun no me he metido con eso, la función que tiene o que tendrá será para hacer los cálculos del presupuesto.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Gabi
Val: 30
Ha aumentado 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

extraer el valor de un radiobutton

Publicado por Gabi (3 intervenciones) el 25/04/2018 13:13:30
Puedes poner el valor en el radio button
1
<input type= "radio" name="memoria" id="memoria1" value="16GB">16GB

y despues consultar el valor
1
2
3
4
5
6
7
var memo=document.getElementsByName('memoria');
for(i=0; i<memo.length; i++){
if(memo[i].checked){
//var memory=memo[i].checked;
var memory=memo[i].value;
alert(memory);
}
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
sin imagen de perfil
Val: 18
Ha disminuido su posición en 2 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

extraer el valor de un radiobutton

Publicado por raquel (12 intervenciones) el 25/04/2018 13:29:06
FUNCIONA!!!!!! que tonteria mas grande por dios!!! llevo desde ayer dandole vueltas... y era con el value!!!! x dios x dios x dios es pa darme con la cabeza en la pared!!!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

extraer el valor de un radiobutton

Publicado por Walter (1 intervención) el 20/09/2019 22:53:24
Si bien soy nuevo en esto, encontré esta solucion mas simple:

1
2
var seleccion = document.querySelector('input[name=memoria:checked').value;
alert(seleccion);
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

extraer el valor de un radiobutton

Publicado por Douglas Suárez Zamorano (1 intervención) el 24/06/2020 02:24:18
me sirve, ya que estoy averiguando como sacar ese valor, pero donde cierras el corchete? quedé con esa duda
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

extraer el valor de un radiobutton

Publicado por Rafael Arias (1 intervención) el 02/12/2020 16:57:43
antes de :
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

extraer el valor de un radiobutton

Publicado por wendy (1 intervención) el 30/10/2022 21:28:44
Genial! Muchas gracias, una forma corta, me hizo de mucha ayuda
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar