Validar Radiobuttom.

ivangd · #1 (**permalink**) 09/06/2010, 03:13

Buenas a todos,

Antes de nada he buscado por Google y por algun tema de este foro pero solo he encontrado respuestas que no me han servido.

Os cuento mi problema.

Tengo un formulario con bastantes radiobuttom, los cuales deben ser seleccionados si o si (es para una encuesta).

El codigo es algo asi:

Código PHP:

  <form name="formulario" method="post" action="insert_mo1.php">
    
<table class="tabla_encuesta">
        
            <tr>
                <td width="550" align="justify">a)  Opcion A).</td>
                    <td align="center" width="20">5<br/><input type='radio' name='1a' value='5'></td>
                    <td align="center" width="20">4<br/><input type='radio' name='1a' value='4'></td>
                    <td align="center" width="20">3<br/><input type='radio' name='1a' value='3'></td>
                    <td align="center" width="20">2<br/><input type='radio' name='1a' value='2'></td>
                    <td align="center" width="20">1<br/><input type='radio' name='1a' value='1'></td>
                </td>
            </tr>
    
            <tr>
                <td width="550" align="justify">b)  Opcio B</td>
                    <td align="center" width="20">5<br/><input type='radio' name='1b' value='5'></td>
                    <td align="center" width="20">4<br/><input type='radio' name='1b' value='4'></td>
                    <td align="center" width="20">3<br/><input type='radio' name='1b' value='3'></td>
                    <td align="center" width="20">2<br/><input type='radio' name='1b' value='2'></td>
                    <td align="center" width="20">1<br/><input type='radio' name='1b' value='1'></td>
                </td>
            </tr>
            
            <tr>
                <td width="550" align="justify">c)  Opcion C.</td>
                    <td align="center" width="20">5<br/><input type='radio' name='1c' value='5'></td>
                    <td align="center" width="20">4<br/><input type='radio' name='1c' value='4'></td>
                    <td align="center" width="20">3<br/><input type='radio' name='1c' value='3'></td>
                    <td align="center" width="20">2<br/><input type='radio' name='1c' value='2'></td>
                    <td align="center" width="20">1<br/><input type='radio' name='1c' value='1'></td>
                </td>
</tr>
.
.
.
.
.
<INPUT TYPE="submit" NAME="enviar" VALUE="enviar">
</table>

Añado que no me vale marcar por defecto una opcion, necesito la opinion de los usuarios en cada apartado.

Mis conocimientos de Javascript son bastante limitados.

Adler · #2 (**permalink**) 09/06/2010, 04:34

Hola

Prueba esto y adaptalo a lo que ocupa

Código Javascript:

Ver original<html>
<head>
<script type="text/javascript">
function valores() {
var elemArr = new Array();
var texto = "<div style='background-color:#EEEEEE;border: 1px solid #C9C9C9;border-width: 1px 1px 1px 1px;'>Tus datos son";
var divTexto = document.getElementById('resultado');
 
var elemInput = document.getElementById('formulario').getElementsByTagName('label');
    for(var i = 0; i < elemInput.length; i++){
        var elem = elemInput[i].getElementsByTagName('input');
        for(var j = 0; j < elem.length; j++){
 
            if(elem[j].checked){
            texto  += "<li>" + elem[j].value +  "</li>";
elemArr.push(elem[j].value);
            }
        }
    }
 
if (elemArr.length < 2) {
alert("Has seleccionar las opciones")
} else {
alert ("El arreglo es: " + elemArr);
divTexto.innerHTML = texto + "</ul></div>";
}
}
</script>
</head>
<body>
<div id="resultado"></div>
<form id="formulario">
<label for="sx">
Sexo<br />
Hombre <input name="sx[]" id="sx[]" type="radio" value="hombre" /><br />
Mujer <input name="sx[]" id="sx[]" type="radio" value="mujer" /><br />
</label>
<label for="ec">
Estado Civil<br />
Casado <input name="ec[]" id="ec[]" type="radio" value="casado" /><br /> 
Soltero <input name="ec[]" id="ec[]" type="radio" value="soltero" /><br />
</label>
<button onclick="valores();return false;" >Ver Datos</button>
</form>
</body>
</html>

Suerte

ivangd · #3 (**permalink**) 09/06/2010, 05:17

No me ha servido o no he sabido adaptarlo...

Ademas el formulario no se envia.

Adler · #4 (**permalink**) 09/06/2010, 05:56

Hola

Cita:

Iniciado por ivangd

No me ha servido o no he sabido adaptarlo...

¿Le has dado un nombre al form? ¿Has usado un label por cada grupo de radio?

Cita:

Iniciado por ivangd

Ademas el formulario no se envia.

Claro que no se envía, no tiene action

El problema está en que estás copiando sin pararte a entender que estás haciendo

Suerte

ivangd · #5 (**permalink**) 09/06/2010, 07:13

- He dado nombre al formulario.

- El problema es que el codigo Javascript omite el action del form.

- He dado un label a cada grupo.

Da igual, dejalo. No tengo ni tiempo ni ganas de ponerme a entender un lenguaje del que no tengo ni idea.

Seguire buscando algun script por Google.

Gracias por todo.

ivangd · #6 (**permalink**) 09/06/2010, 08:55

Al final he optado por hacerlo en php y a la primera.

No queria tener que trabajar desde el lado del servidor pero bueno...

Un saludo.