Validar campos radio buttons con JavaScript


Si queremos comprobar que los radio buttons de un formulario han sido todos marcados podemos hacerlo de la siguiente manera.

Creamos una función que contará los diferentes grupos de radio buttons.

function numRadiosInPage(){
    var rgroups = [];
    $('input:radio').each(function(index, el){
            var i;
            for(i = 0; i < rgroups.length; i++)
                if(rgroups[i] == $(el).attr('name'))
                    return true;
            rgroups.push($(el).attr('name'));
        }
    );
    rgroups = rgroups.length;
    return rgroups;
}

Y luego utilizamos esta función para validar el envío de formulario.

$('#boton-submit').on('click', function(e){
    if($('#formulario input[type="radio"]').length>0){ 
        if($('input:radio:checked').length < numRadiosInPage()){
            alert("Rellena todos los campos del formulario. ");
            e.preventDefault();
        }
    }
});
@AguayoMarcos

Fullstack Developer, programador iOS / Android y emprendedor. Actualmente trabajo en Cocunat.com como CTO.

You may also like