elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado:


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  obtener el valor de un radiobutton seleccionado sin recargar la pagina
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: obtener el valor de un radiobutton seleccionado sin recargar la pagina  (Leído 11,204 veces)
RedZer


Desconectado Desconectado

Mensajes: 666



Ver Perfil
obtener el valor de un radiobutton seleccionado sin recargar la pagina
« en: 1 Agosto 2011, 21:02 pm »

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
  1. <form action=""  method="post">
  2.                 <center> <?php echo $pregunta;?><br>
  3.                  <input name="opcion" type="radio" value="si"  id="opcion"/>Si
  4.                  <input name="opcion" type="radio" value="no" id="opcion"/>No<br>
  5.                  <input type="submit" name="button" id="boton" value="Votar" />
  6.                 </center>
  7.                 <div id="resultados" ></div>
  8.                </form>
  9.  

votar.js

Código
  1. var x;
  2. x=$(document);
  3. x.ready(inicializarEventos);
  4.  
  5. function inicializarEventos()
  6. {
  7.  var x;
  8.  x=$("#boton");
  9.  x.click(presionSubmit);
  10. }
  11.  
  12. function presionSubmit()
  13. {
  14.  var v=$("#opcion").attr("value");
  15.  
  16.  
  17.  $.getJSON("consultas/votar.php",{opcion:v},llegadaDatos);
  18.  return false;
  19. }
  20.  
  21. function llegadaDatos(datos)
  22. {
  23.  
  24.  
  25.  
  26. $("#resultados").html(datos.variable); //muestra el error!
  27.  
  28.  
  29.  
  30.  
  31. }
  32.  
  33.  

votar.php

Código
  1. <?php
  2. header('Content-Type: text/txt; charset=ISO-8859-1');
  3. include("../conexion/conexion.php");
  4.  
  5. $opcion=$_REQUEST['opcion'];
  6.  
  7.  
  8. echo "{'variable':'$opcion' }";  
  9.  
  10.  
  11.  
  12. ?>
  13.  
  14.  


« Última modificación: 1 Agosto 2011, 21:50 pm por RedZer » En línea

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


Desconectado Desconectado

Mensajes: 666



Ver Perfil
Re: problema con botones de opcion y metodo $.getJSON
« Respuesta #1 en: 1 Agosto 2011, 21:49 pm »

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

Código
  1. <html>
  2. <head>
  3. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
  4. <script>
  5. $(function(){
  6.  
  7.  
  8.  
  9. $("button[@name=obtener]").click(function(){
  10. var valor=$("input[@name=radio_button]:checked").val();
  11. //alert(valor);
  12. $("#resultados").html(valor);
  13. })
  14.  
  15. })
  16.  
  17. </script>
  18. </head>
  19.  
  20. <body>
  21. <input name="radio_button" type="radio" value="si" />
  22. <input name="radio_button" type="radio" value="no" />
  23. <button type="button" name="obtener">Obtener</button>
  24. </body><div id="resultados" ></div>
  25. </html>
  26.  
  27.  


En línea

Nacido y criado entre gente que enseño a pensar antes de creer a ciegas, Todo me causa curiosidad en el mundo
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines