Foros del Web » Programando para Internet » Javascript »

Problema con radiobutton...:::::SOLUCIONADO::::.....

Estas en el tema de Problema con radiobutton...:::::SOLUCIONADO::::..... en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 15/06/2009, 16:56
Avatar de Trilan  
Fecha de Ingreso: abril-2009
Mensajes: 41
Antigüedad: 15 años
Puntos: 0
Problema con radiobutton...:::::SOLUCIONADO::::.....

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=0i<elementos.lengthi++) {
        
//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> 
__________________
Yours Trilan


A quien teme preguntar, le averguenza aprender.

Última edición por Trilan; 16/06/2009 a las 08:42
  #2 (permalink)  
Antiguo 15/06/2009, 21:46
Avatar de gioramies  
Fecha de Ingreso: febrero-2008
Ubicación: Colombia
Mensajes: 217
Antigüedad: 16 años, 2 meses
Puntos: 14
Respuesta: Problema con radiobutton

Hola, tu función debe ser así:

Código:
function calar(){
var valorSeleccionado; var elementos = document.getElementsByName("RadioGroup1"); for(var i=0; i<elementos.length; i++) {
alert(" Elemento: " + elementos[i].value + "\n Seleccionado: " + elementos[i].checked); if(opciones[i].checked) {
valorSeleccionado = elementos[i].value; alert("Se ha encontrado el radiobutton seleccionado");
}
} ... // En este espacio colocas el código necesario para enviar el formulario vía ajax o tradicionalmente
}
Si tienes alguna duda, no dudes en postearla Saludos.
  #3 (permalink)  
Antiguo 15/06/2009, 21:59
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años
Puntos: 1485
Respuesta: Problema con radiobutton

Cita:
...lo que necesito es saber cual de los button esta checked y mandar el valor por submit.
no te seria suficiente tener un boton submit y que el navegador se encargue de enviar el radio button seleccionado? simplemente tienes que cambiar el tipo de button a submit.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #4 (permalink)  
Antiguo 16/06/2009, 08:13
Avatar de Trilan  
Fecha de Ingreso: abril-2009
Mensajes: 41
Antigüedad: 15 años
Puntos: 0
De acuerdo Respuesta: Problema con radiobutton

Muchas gracias por su ayuda. Intentare de la forma que me dicen.
__________________
Yours Trilan


A quien teme preguntar, le averguenza aprender.
  #5 (permalink)  
Antiguo 08/09/2010, 14:48
 
Fecha de Ingreso: septiembre-2010
Mensajes: 2
Antigüedad: 13 años, 7 meses
Puntos: 0
Respuesta: Problema con radiobutton...:::::SOLUCIONADO::::.....

Hola buenas tardes tengo un formulario con una lista de radio button son muchas preguntas como 120 y cada una tiene para seleccionar tres opciones..



la pregunta ¿ como hago para validar que esten chekeados un radio de cada pregunta de la lista y cuando uno no lo este me mande una alerta diciendo debe seleccionar la pegunta tal pero que no me deseleccione los otros radios antes marcados necesito ayudaaaa
  #6 (permalink)  
Antiguo 13/06/2012, 23:12
 
Fecha de Ingreso: junio-2012
Mensajes: 1
Antigüedad: 11 años, 10 meses
Puntos: 0
Respuesta: Problema con radiobutton...:::::SOLUCIONADO::::.....

alguien me puede ayudar a conectar una base de datos no se si es por los radio butons


este es el index en php
Código PHP:
Ver original
  1. <html>
  2. <head>
  3.  
  4. <link rel="stylesheet" type="text/css" href="Css/GeneralAdmin.css">
  5. <script type="text/javascript" src="Clases/Conexiones/jquery.js"></script>
  6. <script type="text/javascript" src="Clases/FuncionesAdmin.js"></script>
  7. <script type="text/javascript" src="Clases/Funciones.php"></script>
  8. <script src="Clases/Conexiones/autocomplete.jquery.js"></script>
  9. </head>
  10.  
  11. <body class="cuerpo">
  12.  
  13.     <div class="centrarPrincipal1">
  14.     <span class="TitPrincipal">(DOMISOFT) SOFTWARE DE DOMICILIOS COMA Y PUNTO </span><br>
  15.  
  16. <div class="centrarBotPrinc">
  17.    
  18.     <div>
  19.             <button  class="botonreg" id="activa">Inserta Productos</button>
  20.             <button  class="botonreg" id="botar">Insertar respartidores</button>  
  21.         </div>
  22. </div></div>
  23.    
  24. <div class="insertarprod" id="insertarprod">
  25. <div class="response">&cross;</div>  
  26. <div class="centrarH" name="centrarH1" >
  27.  
  28.    <form id="InsertarProducto">
  29.     <h1>Producto</h1>
  30.     <div><input type="text"  placeholder="Codigo de producto" name="CodPro" id="codPro" ><input type="text"  placeholder="nombre de Producto" name="nomPro" id="nomPro"></div><hr>
  31.         <div><textarea name="descPro" id="descPro" value ="" rows=3 cols=80></textarea></div><hr>
  32.         <div><input type="text"  placeholder="precio" name="presPro" id="presPro"></div>
  33.         <div><input type="radio" name="Activar" value="A" id="activo" checked>Activo<input type="radio" name="Activar" id="activo" value="I">Inactivo </div>
  34.     <button type="submit" class="buttonMP" id="buttonRegPro">Registrar Producto</button>
  35.    </form>
  36.  
  37. </div>
  38.     <div class="response">&cross;</div>
  39.  </div>
  40.  
  41. <div class="insertarRep" id="insertarRep">
  42. <div class="response">&cross;</div>  
  43. <div class="centrarH" name="centrarH1" >
  44.  
  45.    <form id="InsertarRepartidor">
  46.     <h1>Insertar Repartido</h1>
  47.     <div><input type="text"  placeholder="Codigo de Repartidor" name="CodRep" id="CodPro" ></div><hr>
  48.         <div><input type="text"  placeholder="nombre del repartidor" name="nomRep" id="nomPros"/></div><hr>
  49.         <div><input type="text"  placeholder="precio" name="presPro" id="PresPros" ></div>
  50.         <div><input type="radio" name="Activar" value=1  checked>Activo <input type="radio" name="Activar" value=0>Inactivo </div>
  51.     <button type="submit" class="buttonMP" id="buttonMPs">Registrar Estudiante</button>
  52.    </form>
  53.  
  54. </div>
  55.     <div class="response">&cross;</div>
  56.  </div>
  57.    
  58.    
  59.    
  60.    
  61.    
  62. </body>
  63. </html>

este es el ayax
Código PHP:
Ver original
  1. <?php
  2. require_once('clases/Funciones.php');
  3.  
  4. if (isset($_POST['idp'])){
  5.     $idp = $_POST['idp'];
  6.     $funciones = new Funciones();
  7.     switch ($idp){
  8.         case 1: $funciones->Registrar($_POST); break;
  9.         case 2: $funciones->Modificar($_POST); break;
  10.         case 3: $funciones->Obtener_Id($_POST); break;
  11.         case 4: $funciones->DatosBoletin($_POST); break;
  12.         case 5: $funciones->Cmat($_POST); break;
  13.         case 6: $funciones->Recomend($_POST); break;
  14.         case 7: $funciones->Registrar_Materias($_POST); break;
  15.         case 8: $funciones->Visualizar_Boletin($_POST); break;
  16.         case 9: $funciones->Completar_Boletin($_POST);
  17.         case 10: $funciones->Visualizar_Footer($_POST); break;
  18.         case 11: $funciones->Comportamiento();
  19.        
  20.     }
  21.  
  22.  
  23.  
  24. }
  25.  
  26. ?>

este es el scrpt con jquerry
Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.    $("#activa").click(function(){$('#insertarRep').hide("slow"),$('#insertarprod').show("slow")});
  3.    $("#botar").click(function(){$('#insertarprod').hide("slow"),$('#insertarRep').show("slow")});
  4.  
  5.  
  6.  
  7.          $('#buttonRegPro').click(function(){
  8.            alert ("#buttonRegPro");
  9.                 if($('#codPro').val() == ''){$('.response').html('Falta codigo del producto').addClass('responseMsg');return false;}
  10.                 else if($('#nomPro').val() == ''){$('.response').html('Falta nombre del producto').addClass('responseMsg');return false;}
  11.                 else if($('#descPro').val() == ''){$('.response').html('Falta la descripcion del producto').addClass('responseMsg');return false;}
  12.                 else if($('#presPro').val() == ''){$('.response').html('falta el precio del producto').addClass('responseMsg');return false;}
  13.                 else{
  14.            if(('#Activar').value()=='A')('#Activar').value()=1;
  15.             else ('#Activar').value()=0;
  16.            
  17.            var data= 'idp=1'+'&codPro='+$('#codPro').val()+'&nomPro='+$('#nomPro').val()+'&descPro='+$('#descPro').val()+'&presPro='+$('#presPro').val()+'&presPro='+$("input[neme='activar':checked]").val();
  18.                         alert (data);
  19.                        $.post('Ajax.php',data,function(msg){
  20.                         if(msg == 'Er'){
  21.                             $('.response').removeClass('responseMsgV');
  22.                             $('.response').html('Producto ya se encuentra registrado!').addClass('responseMsg');
  23.                            
  24.                         }else{
  25.                             $('.response').removeClass('responseMsg');
  26.                             $('.response').html('producto Registrado Exitosamente &checkmark;').addClass('responseMsgV');
  27.                            
  28.                              
  29.                                 $('#InsertarProducto').fadeOut('slow');
  30.                                 jQuery.fn.reset = function () {
  31.                                     $(this).each (function() {this.reset();});
  32.                                 }
  33.                                 $("#InsertarProducto").reset();
  34.                                 $('#InsertarProducto').fadeIn("slow");
  35.                                
  36.                                                
  37.                         }
  38.                      });
  39.                 return false;
  40.                 }
  41.  
  42.                 });
  43.     });

y esta es la conexion

Código PHP:
Ver original
  1. include_once('Conexiones/ez_sql_core.php');
  2. include_once('Conexiones/ez_sql_mysql.php');
  3. header ('Content-type: text/html; charset=latin1_swedish_ci');
  4.  
  5. class Funciones {
  6.  
  7. function  Registrar($datos){
  8.         echo '$datos';
  9.         $db = new ezSQL_mysql('root','','domisoft','127.0.0.1');
  10.         $sql = "SELECT COUNT(codigo) FROM producto WHERE codigo LIKE '".strtoupper($datos['codPro'])."' AND nombre LIKE '".$datos['nomPro']."' AND descripcion LIKE '".$datos['descPro']."' AND precio LIKE '".$datos['presPro']."' AND activo_si_no LIKE '".$datos['Activar']."'";
  11.         $bol = $db->get_var($sql);
  12.         if($bol == 0){
  13.             $sql = "INSERT INTO estudiante VALUES('".strtoupper($datos['codPro'])."','".$datos['nomPro']."','".$datos['descPro']."','".$datos['presPro']."','".$datos['activar']."')";
  14.             if($db->query($sql)) echo "ER"; else echo "Hubo Un Error en el proceso de Registro. Intente de Nuevo!";        
  15.         }else echo 'Er';
  16. }

si alguien me puede ayudar a conectarla le agradeceria

Última edición por jac5341; 13/06/2012 a las 23:19
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Tema Cerrado




La zona horaria es GMT -6. Ahora son las 19:00.