martes, 28 de octubre de 2014

Conocer el valor de un radio button seleccionado

Bueno, hace ratico no escribo nada por aca; pues les cuento que trabajando un poquito en javascript en algún momento me encontre con la necesidad de verificar de un grupo de input de tipo radio button de html, cual de ellos estaba seleccionado y obtener su valor.

El código mas o menos quedo así:

Este es el nombre de la función que retorna el valor de dicha selección.
function retornarIdComparendo() {
Cargamos en la variable elementos los datos contenidos en el elemento terminarTabla que para mi caso es un div y dentro de el existe una lista de input radio button llamada idComparendo.
                var elementos = document.terminarTabla.idComparendo;
Aqui calculamos la cantidad de elementos
                var cantidad = elementos.length;
Acudimos a un ciclo, en este ciclo hacemos nuestra magia...jeje
                for (var i = 0; i < cantidad; i++) {
Asignamos a la variable elemento el radio button contenido en el número de ciclo, verificando si esta seleccionado. Esta línea devuelve un true o false dependiendo si el radio button esta o no seleccionado.
                    var elemento = document.terminarTabla.idComparendo[i].checked;
                    if (elemento === true) {
Finalmente retormanos el valor del radio button que esta selecionado y ...
                        return document.terminarTabla.idComparendo[i].value;
detenemos el ciclo.
                        break;
                    }
                }
            }

Gracias por leer el articulo, si tiene una mejor manera de hacerlo o mediante alguna libreria; por favor no dude en dejar sus comentarios sobre como mejorarlo en la sección correspondiente.