<!DOCTYPE html>
<html>
<head>
<script type='text/javascript'>
function control()
{
var value1=0;
var value2=0;
// obtenemos el primer valor de los radio button con el nombre "a"
var oRadio1 = document.forms[0].elements["a"];
// recorremos todos los valores hasta encontrar el seleccionado
for(var i = 0; i < oRadio1.length; i++)
{
if(oRadio1[i].checked)
{
value1=oRadio1[i].value;
break;
}
}
// obtenemos el segundo valor de los radio button con el nombre "b"
var oRadio2 = document.forms[0].elements["b"];
for(var i = 0; i < oRadio2.length; i++)
{
if(oRadio2[i].checked)
{
value2=oRadio2[i].value;
break;
}
}
if(value1==value2)
{
alert("Son iguales "+value1+"=="+value2);
}
}
</script>
<style>
div {clear:both;float:left;border:1px solid;margin:5px;padding:5px;}
</style>
</head>
<body>
<form>
<div>
<input type="radio" name='a' value="1" onChange='control()'>
<input type="radio" name='a' value="2" onChange='control()'>
<input type="radio" name='a' value="3" onChange='control()'>
<input type="radio" name='a' value="4" onChange='control()'>
</div>
<div>
<input type="radio" name='b' value="1" onChange='control()'>
<input type="radio" name='b' value="2" onChange='control()'>
<input type="radio" name='b' value="3" onChange='control()'>
<input type="radio" name='b' value="4" onChange='control()'>
</div>
</form>
</body>
</html>
Comentarios sobre la versión: Versión 1 (0)
No hay comentarios