Validación de Botones de Radio

Este es un artículo eminentemente práctico y muy solicitado en foros.

Procederemos de la siguiente forma. Desarrollaremos dos ejemplos: uno más sencillo con la típica cuestión ¿hombre o mujer?; el otro un poco más complejo preguntará a qué provincia gallega pertenece el usario que rellena el formulario. En este segundo caso, además de haber más opciones, se mostrará cuál ha sido la opción marcada.

Logicamente, además de la demostración, pondremos el código de las funciones que validan los formularios.

1. ¿Hombre o Mujer?
2. Código del script 1.
3. ¿De cuál provincia gallega?
4. Código del script 2.

Si quiere comprobar el script, pulse "Enviar" sin haber marcado ninguna opción.

Función validarBotonRadio():

function validarBotonRadio() {
var marcado = "no";
with (document.formulario1){
for ( var i = 0; i < sexo.length; i++ ) {
if ( sexo[i].checked ) {
return true;
}
}
if ( marcado == "no" ){
window.alert("Debe marcar su sexo" ) ;
}
}
}

Código del formulario:

Función validarBotonRadio2():

function validarBotonRadio2() {
var marcado = "no";
with (document.formulario2){
for ( var i = 0; i < gallego.length; i++ ) {
if ( gallego[i].checked ) {
alert ("Su provincia es: " + gallego[i].value);
return true;
}
}
if ( marcado == "no" ){
window.alert("Debe marcar su provincia" ) ;
}
}
}

Código del formulario: