Foros del Web » Programando para Internet » Javascript »

Como Valido estos radio Button?

Estas en el tema de Como Valido estos radio Button? en el foro de Javascript en Foros del Web. el codigo es el siguiente quisiera que me salga una alerta al no responder la pregunta 1 <table width="742" border="0" align="center"> <tr> <td width="726">Por favor ...
  #1 (permalink)  
Antiguo 05/10/2010, 12:13
 
Fecha de Ingreso: octubre-2010
Mensajes: 4
Antigüedad: 13 años, 7 meses
Puntos: 0
Como Valido estos radio Button?

el codigo es el siguiente quisiera que me salga una alerta al no responder la pregunta 1



<table width="742" border="0" align="center">
<tr>
<td width="726">Por favor marque una de las opciones por cada pregunta, sin dejar alguna por responder. </td>
</tr>
</table>
<table width="696" border="0" align="center">
<tr>
<td width="690"><p>
<input type="hidden" name="clavPregunta1" value="1" id="1"/>
1.
<input type="hidden" name="pregunta1" value="El aprovechamiento del grupo es:" id="pregunta1"/>
El aprovechamiento del grupo es:<span class="Estilo1"></span>
</td>
</tr>
</table>
<table width="750" border="0" align="center">
<tr>
<td width="133"><label> </label>
<div align="center">
<input type="radio" name="p1" value="malo" />
malo</div></td>
<td width="133"><div align="center">
<input name="p1" type="radio" value="suficiente" />
suficiente</div></td>
<td width="133"><div align="center">
<input name="p1" type="radio" value="bueno" />
bueno</div></td>
<td width="133"><div align="center">
<input type="radio" name="p1" value="muy bueno" />
muy bueno </div></td>
<td width="153"><div align="center">
<input type="radio" name="p1" value="exelente" />
excelente</div></td>
</tr>
</table>
  #2 (permalink)  
Antiguo 05/10/2010, 12:46
Avatar de ElJavista
Colaborador
 
Fecha de Ingreso: marzo-2007
Ubicación: Lima Perú
Mensajes: 2.231
Antigüedad: 17 años, 2 meses
Puntos: 67
Respuesta: Como Valido estos radio Button?

JavaScript trabaja los buttons radio como un colection lo cual es algo parecido a un array. Para que salga un alert cuando no se selecciona ningún buton radio se podría hacer de esta manera:

En primer lugar digamos que haya un form envolviendolo todos los elementos de formulario y digamos que su name sea "form". Ok, en primer lugar referenciamos todos los buton radio. De ese modo:

Código:
<script type="text/javascript">
    function validar() {
        var rads = document.form.p1;
        var nr = rads.length, r;   // asignamos a la variable nr el número de radios de la coleccion 
                                               // y declaramos una variable que se va a usar en el for
        var rst = false;               // declaramos e iniclizamos la variable del resultado

        for (r = 0; r < nr; r ++) { // Recorremos el colection de radios 
             if (rads[r].checked) { // Si encontramos un radio checkeado
                rst = true;               // asignamos un valor verdadero a la variable del resultado
                break;                     // cortamos el for
             }        
        }
        return rst;                       // Devolvemos el valor del resultado
    }
</script>
Eso sería todo, espero que te sirva.
  #3 (permalink)  
Antiguo 05/10/2010, 12:52
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Hola raulMolina. Bienvenido al foro.

Muevo tu tema al foro de Javascript desde Web general.

Saludos,
  #4 (permalink)  
Antiguo 05/10/2010, 12:54
 
Fecha de Ingreso: octubre-2010
Mensajes: 4
Antigüedad: 13 años, 7 meses
Puntos: 0
Respuesta: Como Valido estos radio Button?

gracias, pero que crees no me sale ningun mensaje de alerta,sigo con el mismo problema , pero de antemano gracias
  #5 (permalink)  
Antiguo 05/10/2010, 12:57
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 13 años, 10 meses
Puntos: 310
Respuesta: Como Valido estos radio Button?

Porque en ese código no se ejecuta ningún alert, basta con que pongas alert('Contesta a la pregunta') o lo que quieras.
Saludos (:
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red
  #6 (permalink)  
Antiguo 05/10/2010, 13:07
 
Fecha de Ingreso: octubre-2010
Mensajes: 4
Antigüedad: 13 años, 7 meses
Puntos: 0
Respuesta: Como Valido estos radio Button?

pero sobre que parte del codigo
  #7 (permalink)  
Antiguo 05/10/2010, 13:12
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 13 años, 10 meses
Puntos: 310
Respuesta: Como Valido estos radio Button?

Si quieres voy a tu casa y te hago la web. Investiga un poco por internet sobre validar formularios o algo así.
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red
  #8 (permalink)  
Antiguo 05/10/2010, 15:10
Avatar de ElJavista
Colaborador
 
Fecha de Ingreso: marzo-2007
Ubicación: Lima Perú
Mensajes: 2.231
Antigüedad: 17 años, 2 meses
Puntos: 67
Respuesta: Como Valido estos radio Button?

Si vas a meterte a programar o intentar programar en algún lenguaje debes conocer al menos lo básico. Bueno, si quieres un alerta sería así:

Código:
<script type="text/javascript">
    function validar() {
        var rads = document.form.p1;
        var nr = rads.length, r;   // asignamos a la variable nr el número de radios de la coleccion 
                                               // y declaramos una variable que se va a usar en el for
        var rst = false;               // declaramos e iniclizamos la variable del resultado

        for (r = 0; r < nr; r ++) { // Recorremos el colection de radios 
             if (rads[r].checked) { // Si encontramos un radio checkeado
                rst = true;               // asignamos un valor verdadero a la variable del resultado
                break;                     // cortamos el for
             }        
        }

        if (!rst) alert('Debe seleccionar alguna respuesta');  // O lo que quieras poner     
   }
</script>

Etiquetas: radio
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.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:16.