Dr. Bizarre

Obtener el valor de un radio group con mootools

Este post tiene como objetivo desde luego aportar un script sencillo con mootools para poder obtener el valor de un radio group, pero aprovechando el 'raite' estoy probando SyntaxHighlighter, que como se auto describe, es proyecto de Alex Gorbatchev -desarrollador en Toronto- que permite imprimir en pantalla multiples sintaxis de códigos, en mi prueba estoy usando para css,js y texto plano.

Javascript

<script type="text/javascript" src="mootools-1.2.3-core.js"> 
<script type="text/javascript" src="mootools-1.2.3.1-more.js"> 
<script type="text/javascript">
window.addEvent('domready', function() {
	var Tips1 = new Tips($$('.Tips1'));
	$('get-radio-value').addEvent('click', function(){
       var rol = $('radio-group').getElements('input[name=role]:checked').get('value');
       $each(rol, function(role, index){rol=(role!="")?role:"";});    
	   alert(rol);
	});
});
</script>

XHTML

     <div id="radio-group">
         <input type="radio" name="role" value="mujer" /> Mujer
         <input type="radio" name="role" value="hombre" /> Hombre
         <input type="radio" name="role" value="bicolor" /> Bicolor
         <span id="get-radio-value" title="Obtener Valor" class="Tips1"<Obtener Valor</span>
     </div>

CSS

<style type="text/css">
#get-radio-value
{
	width:120px;
	height:20px;
	border:1px solid #eeeeee;
	padding:5px;
	cursor:pointer;
	margin-left:10px;
}
.Tips1
{
	color:#333;
}
</style> 

• Requerimientos: http://mootools.net/
• Demo: http://www.drbizarre.net/tester/radio-groups/
• Descargar: archivos