obtener el valor de un radiobutton seleccionado sin recargar la pagina

Iniciado por RedZer, 1 Agosto 2011, 21:02 PM

0 Miembros y 1 Visitante están viendo este tema.

RedZer

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
Código (html4strict) [Seleccionar]

<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

Código (javascript) [Seleccionar]

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

Código (php) [Seleccionar]

<?php
header
('Content-Type: text/txt; charset=ISO-8859-1');
session_start(); 
include(
"../conexion/conexion.php"); 

$opcion=$_REQUEST['opcion'];


echo 
"{'variable':'$opcion' }";   

         

?>



Nacido y criado entre gente que enseño a pensar antes de creer a ciegas, Todo me causa curiosidad en el mundo

RedZer

pues buscando en google encontre un code muy sencillo y que resolvio mi problema lo dejo por si alguien le interesa

Código (php) [Seleccionar]

<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>

Nacido y criado entre gente que enseño a pensar antes de creer a ciegas, Todo me causa curiosidad en el mundo