Tengo el siguiente problema con radiobutton.
Al seleccionar uno, me manda el valor del primer radio button.
Espero me puedan ayudar, lo que necesito es saber cual de los button esta checked y mandar el valor por submit.
La verdad no me habían dado problema los radiobutton.
Ya intente con y si me muestra el valor. pero lo que necesito es mandar llamar al grupo de radio para optener el valor y saber cual es el que esta seleccionado.
document.form1.RadioGroup1[0].value
document.form1.RadioGroup1[1].value
document.form1.RadioGroup1[2].value
En un caso me funciono mandándolo llamar así document.form1.RadioGroup1 .value.
Código PHP:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<script>
function calar(){
alert(document.form1.RadioGroup1.value);
//realizar las validaciones
//funcion ajax
}
</script>
<body>
<form id="form1" name="form1" method="post" >
<p>
<label>
<input type="radio" name="RadioGroup1" value="1"/>
Radio1</label>
<label>
<input type="radio" name="RadioGroup1" value="2" />
Radio2</label>
<label>
<input type="radio" name="RadioGroup1" value="3" >
Radio3</label>
<label>
<input type="button" name="Agregar" id="Agregar" onclick="calar();" />
</label><br />
</p>
</form>
</body>
</html>
...:::::SOLUCION::::.....
Código PHP:
<script>
function calar(){
var valorSeleccionado;
var elementos = document.getElementsByName("RadioGroup1");
alert(elementos.length);
for(var i=0; i<elementos.length; i++) {
//alert(" Elemento: " + elementos[i].value + "\n Seleccionado: " + elementos[i].checked);
if(elementos[i].checked) {
valorSeleccionado = elementos[i].value;
//alert("Se ha encontrado el radiobutton seleccionado");
}
}
alert(valorSeleccionado);
// En este espacio colocas el código necesario para enviar el formulario vía ajax o tradicionalmente}
}
</script>