estoy tratando de meter un pequeño formulario en el cual se pueda poner una pregunta y poner 2 opciones de respuestas si y no y para eyo pongo 2 botones de opcion para que seleccione la respuesta bueno yo no deceo que se recargue la pagina para insertar la respuesta simplemente que al seleccionar la respuesta y al pulsar el boton se guarde en mi tabla para eyo ocupo jquery y uso el metodo $.getJSON pero de las 2 respuestas que doy solo me agarra uno que es el primero el si y el no nunca me lo agarra que estara saliendo mal
formulario.php
<form action="" method="post">
<center> <?php echo $pregunta;?><br>
<input name="opcion" type="radio" value="si" id="opcion"/>Si
<input name="opcion" type="radio" value="no" id="opcion"/>No<br>
<input type="submit" name="button" id="boton" value="Votar" />
</center>
<div id="resultados" ></div>
</form>
votar.js
var x;
x=$(document);
x.ready(inicializarEventos);
function inicializarEventos()
{
var x;
x=$("#boton");
x.click(presionSubmit);
}
function presionSubmit()
{
var v=$("#opcion").attr("value");
$.getJSON("consultas/votar.php",{opcion:v},llegadaDatos);
return false;
}
function llegadaDatos(datos)
{
$("#resultados").html(datos.variable); //muestra el error!
}
votar.php
<?php
header('Content-Type: text/txt; charset=ISO-8859-1');
session_start();
include("../conexion/conexion.php");
$opcion=$_REQUEST['opcion'];
echo "{'variable':'$opcion' }";
?>
pues buscando en google encontre un code muy sencillo y que resolvio mi problema lo dejo por si alguien le interesa
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script>
$(function(){
$("button[@name=obtener]").click(function(){
var valor=$("input[@name=radio_button]:checked").val();
//alert(valor);
$("#resultados").html(valor);
})
})
</script>
</head>
<body>
<input name="radio_button" type="radio" value="si" />
<input name="radio_button" type="radio" value="no" />
<button type="button" name="obtener">Obtener</button>
</body><div id="resultados" ></div>
</html>