view this jsfiddle
http://jsfiddle.net/h_awk/98Gt8/
<input type="radio" name="test" class="test" />
<input type="radio" name="test" class="test" />
<a id="submit" href="javascript:void(0);">Click Here</a>
<script>
function addEvent(elemClass, elemId, evt, index, cbFunc)
{
var elemClass = document.getElementsByClassName(elemClass),
elemId = document.getElementById(elemId);
if( elemClass[index] )
{
elemId.addEventListener(evt, cbFunc, false);
}
}
function say(msg)
{
alert(msg);
}
addEvent('test', 'submit', 'click', 0, function(){say('hello');});
addEvent('test', 'submit', 'click', 1, function(){say('hi');});
</script>
that should work but there is slight problem, bubbling, i shall try to fix that as you see how that is working..