Cómo obtener y asignar el valor de un RadioButton en Javascript. De forma sencilla.
Bien, con este tip pretendo compartir una función sencilla para hace un get y otra para un set, de un grupo de RadioButtons en XHTML + JavaScript. Recordemos que en Javascript no hay una función para obtener o asignar el valor de un grupo de RadioButtons y muchos lo hacen a "mano". Con estas funciones he automatizado eso, y al menos a mí me han servido mucho para las validaciones o asignaciones en JS. Para que estas funciones trabajen de forma adecuada, se requiere que se definan los radiobuttons, bajo el siguiente estándar:
El atributo id de los elementos debe ser: name + "_" + N, donde N es un índice para cada uno de los elementos. N inicia en cero.
De tal forma que si tengo un grupo de 3 RadioButtons con el nombre equipo(recordemos que el nombre vendría siendo el GroupName) el id de cada uno de los RadioButtons sería: equipo_0, equipo_1 y equipo_2. Una vez que tenemos claro el estándar para la definición de los RadioButtons, no queda mas que usar las siguientes funciones( click para ver un ejemplo funcionando):
-
function ffw_GetRadioButtonValue(Name)
-
{
-
var CurrentElementStr;
-
var Found;
-
var Value;
-
Found = false;
-
Counter = 0;
-
CurrentElementStr = Name + "_" + Counter;
-
while( $(CurrentElementStr) && !Found)
-
{
-
if( $(CurrentElementStr).checked )
-
{
-
Value = $(CurrentElementStr).value;
-
Found = true;
-
}
-
Counter++;
-
CurrentElementStr = Name + "_" + Counter;
-
}
-
return Value;
-
}
-
function ffw_SetRadioButtonValue(Name, Value)
-
{
-
var CurrentElementStr;
-
var Found;
-
Found = false;
-
Counter = 0;
-
CurrentElementStr = Name + "_" + Counter;
-
while( $(CurrentElementStr) && !Found)
-
{
-
if( $(CurrentElementStr).value == Value )
-
{
-
$(CurrentElementStr).checked = true;
-
Found = true;
-
}
-
Counter++;
-
CurrentElementStr = Name + "_" + Counter;
-
}
-
return Value;
-
}
