check box y enlaces

canela2 · #1 (**permalink**) 10/11/2005, 12:18

Hola a tod@s
A ver si alguien me puede ayudar.
¿Como puedo hacer que un enlace vaya a una página o a otra distinta dependiendo del check box que haya pulsado?

Es decir, tengo un enlace que quiero que vaya a distintas páginas dependiendo del check box que pulse. (tengo 3 checks box)
Gracias.

angsanchez · #2 (**permalink**) 10/11/2005, 17:46

Hola, canela2

Seguramente hay una solución más elegante, pero lo fácil es usar una función que evalúe el checkbox y defina el enlace.
Aunque me temo que lo que necesitas no es un checkbox, sino un radio:

Código HTML:

<head>
<script type="text/javascript">
function dirige()
{
	var destinos = ["www.google.es", "www.yahoo.es", "www.elpais.es"]
	var ctl = document.forms.eligiendo.radio2
	for (i=0; ctl.length; i++)
	{	if (ctl[i].checked) { location.href =  "http://" + destinos[i]; break }
	}
}
</script>
</head>
<body>
<form name="eligiendo">
<input type="radio" name="radio2">A
<input type="radio" name="radio2">B
<input type="radio" name="radio2">C
<br><a href="javascript:dirige()">Enlace</a>
</form>
</body>

Otra forma:

Código HTML:

<head>
<script type="text/javascript">
function dirige()
{
	var ctl = document.forms.eligiendo.radio2
	for (i=0; ctl.length; i++)
	{	if (ctl[i].checked) { location.href = ctl[i].value; break }
	}
}
</script>
</head>
<body>
<form name="eligiendo">
<input type="radio" name="radio2" value="http://www.google.es">A
<input type="radio" name="radio2" value="http://www.yahoo.es">B
<input type="radio" name="radio2" value="http://www.elpais.es">C
<br><a href="javascript:dirige()">Enlace</a>
</form>
</body>