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í:
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í:
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.
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.
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
0