¿Cómo subo un input radio directamente a base de datos?

Question

Tengo que hacer un cuestionario en el que cada estudiante elige una sola respuesta. Para ello lo estoy manejando con un <input type="radio>, lo que necesito es que después de que el estudiante elija la respuesta, se suba inmediatamente a la base de datos y ya no pueda seleccionar más.

Aquí el código de lo que tengo.

<script type="text/javascript">
        $(document).ready(function(){
            $("input[id=Pedro]").click(function (){
                alert("Quien descubrió américa fue: Pedro Galibaldi");
            });

            $("input[id=Roberto]").click(function (){
                alert("Quien descubrió américa fue: Roberto Gomez");
            });

            $("input[id=Cristobal]").click(function (){
                alert("Quien descubrió américa fue: Cristobal Colon");
            });

            $("input[id=Isabel]").click(function (){
                alert("Quien descubrió américa fue: La reina isabel");
            });

            $("input[id=zidane]").click(function (){
                alert("Quien descubrió américa fue: zidane zidane");
            });
        });
</script>

Cada estudiante ingresa con su usuario y contraseña. Con ese usuario que lo identifica, él o ella, debe votar por el que desee e insertarse en la base de datos de la siguiente manera.

Juan votó por "la reina isabel Carlos votó por "Cristobal" Luisa votó por "Roberto"

Y así mismo quedar guardados en la base de datos.

Answer 1

Utiliza el metodo submit() para enviar la informacion del formulario al servidor cauando se haga clic al radio:

$(document).ready(function(){
            $("input[id=Pedro]").click(function (){
                alert("Quien descubrió américa fue: Pedro Galibaldi");
                $("idFormulario").submit();
            });

            $("input[id=Roberto]").click(function (){
                alert("Quien descubrió américa fue: Roberto Gomez");
                $("idFormulario").submit();
            });

            $("input[id=Cristobal]").click(function (){
                alert("Quien descubrió américa fue: Cristobal Colon");
                $("idFormulario").submit();
            });

            $("input[id=Isabel]").click(function (){
                alert("Quien descubrió américa fue: La reina isabel");
                $("idFormulario").submit();
            });

            $("input[id=zidane]").click(function (){
                alert("Quien descubrió américa fue: zidane zidane");
                $("idFormulario").submit();
            });
        });

Answer 2

Propongo esta solución más simple.

Al hacer click en una opción se desactivan las otras y se envía la información.

$(function() {
  $(':radio').click(function() {
    $(':radio').prop("disabled", true);
    valor= $(this).val();
    /*Desde aquí invocas la función que agrega a la BD
      y le pasas el valor del radio seleccionado
      Ejemplo: agregarDatos(valor);*/
   // agregarDatos(valor);
      console.log("Aquí envías a la BD: "+valor);

  });

  function agregarDatos(valor){
    // console.log("Aquí envías a la BD: "+valor);
    /*Desde esta función puedes implementar una llamada a Ajax
     *que enviará la información del radio seleccionado a la BD
    */ 

        /* La petición Ajax sería algo así */

  var request = $.ajax({
   url: "agregar.php", //Archivo de servidor que inserta en la BD
   method: "POST",
   data: {radio: valor},
   dataType: "json"
  });
  
  request.done(function( data ) {
    console.log("Se agregaron los datos: "+data);
  });
  
  request.fail(function( jqXHR, textStatus ) {
   alert( "Error petición Ajax: " + textStatus );
  });      


   }

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Opción 1:<input type="radio" id="p1" name="n1" value="Opción 1"><br /> Opción 2:<input type="radio" id="p2" name="n2" value="Opción 2"><br /> Opción 3:<input type="radio" id="p2" name="n3" value="Opción 3"><br />