capturando valor de button radio

Lugii · #1 (**permalink**) 28/11/2010, 21:28

Hola soy nuevo, espero que me ayuden, Gracias

Seleccionas un radio grupo 1 y el valor se sume con el radio del grupo 2 seleccionado, pero no entrega el valor sumado. al <div id="entrega">-</div>

Código HTML:

<script type="text/javascript" src="js.js"></script>
<form name="form1" method="post" action="">

<table width="200" border="1">
<tr>
<td>Grupo 1</td>
</tr>
<tr>
<td><input type="radio" name="Grupo1" id="radio" value="1" onchange="radio();" />1
</td>
</tr>
<tr>
<td><input type="radio" name="Grupo1" id="radio2" value="2" onchange="radio();" />2
</td>
</tr>
<tr>
<td><input type="radio" name="Grupo1" id="radio3" value="3" onchange="radio();" />3
</td>
</tr>
<tr>
  <td>Grupo 2</td>
</tr>
<tr>
  <td><input type="radio" name="Grupo2" id="radio4" value="1" onchange="radio();" />
    1 </td>
</tr>
<tr>
  <td><input type="radio" name="Grupo2" id="radio5" value="2" onchange="radio();" />
    2 </td>
</tr>
<tr>
  <td><input type="radio" name="Grupo2" id="radio6" value="3" onchange="radio();" />
    3 </td>
</tr>
<tr>
<td>Cantidad: <div id="entrega">-</div></td>
</tr>
</table>

</form>

Espero que me ayuden,

Gracias y Saludos

chicohot20 · #2 (**permalink**) 29/11/2010, 08:02

y donde esta el codigo de tu JS?

Lugii · #3 (**permalink**) 01/12/2010, 18:20

precisamente eso es lo que me falta.

lo que me gustaría es cuando selecciones un button radio muestre el "value" con su valor designado.

Gracias

pd: si no alguien díganme como puedo detectar con el js. si se a seleccionado un button radio.

Por favor ayúdenme, es para un trabajo escolar.

IsaBelM · #4 (**permalink**) 02/12/2010, 07:40

para saber si un radio ha sido seleccionado, puedes hacer radio(this.checked) esto devuelve true o false. pero en tu caso es suficiente con radio(this.value)
otra cosa el evento onchange no es el mas correcto, usa onclick

Lugii · #5 (**permalink**) 04/12/2010, 17:45

Cita:

Iniciado por IsaBelM

para saber si un radio ha sido seleccionado, puedes hacer radio(this.checked) esto devuelve true o false. pero en tu caso es suficiente con radio(this.value)
otra cosa el evento onchange no es el mas correcto, usa onclick

Gracias pero, aun no puedo, no se que hacer muy bien...

Sinopsis

Si esta activado, entrega el valor a <div id="entrega">-</div> y si el otro grupo esta activado los dos valores numéricos los suma.....

Alguien podría hacerlo.

daniel_h2o · #6 (**permalink**) 05/12/2010, 13:12

Ponle un text al div
Entrega:

Código HTML:

Ver original<div id="entrega"><input type="text" id="cantidad" value="0"></div>

Código Javascript:

Ver original<script>
function radio(){
document.getElementById('cantidad').value=0;
for(i=1; i<=6 , i++)
    if(('radio'+i).checked)=='true'){
    document.getElementById('cantidad').value=document.getElementById('cantidad').value+document.getElementById('radio'+i).value;
    }
}
</script>

Lugii · #7 (**permalink**) 11/12/2010, 18:23

no funciona tiene un error , es ; en el for y no suma nada...

IsaBelM · #8 (**permalink**) 12/12/2010, 08:11

te he montado esto, espero que sea lo que buscas. si tienes alguna duda, ya sabes ......

Cita:

<html>
<head>
<script type="text/javascript">
window.onload = function() {
var rad = document.getElementsByTagName('input');
var total = 0;
for(var j = 0; j < rad.length; j++){
rad[j].onclick = function() {
total = 0;
for(var i = 0; i < rad.length; i++){
if(rad[i].checked) {
total += parseInt(rad[i].value);
}
}
document.getElementById('entrega').innerHTML = total;
}
}
}
</script>
</head>
<body>
<form>
<label for="p1" id="rad1">
<input type="radio" value="1" name="p1" />1
<input type="radio" value="2" name="p1" />2
<input type="radio" value="3" name="p1" />3
</label>
<br />
<label for="p2" id="rad2">
<input type="radio" value="1" name="p2" />1
<input type="radio" value="2" name="p2" />2
<input type="radio" value="3" name="p2" />3
</label>
<div id="entrega"></div>
</form>
</body>
</html>

Lugii · #9 (**permalink**) 12/12/2010, 15:47

Muchas gracias IsaBelM te lo agradezco de verdad.

Si pudiera te besaría. xD