Ir a URL seleccionado un radio button

disenototal · #1 (**permalink**) 31/01/2006, 04:29

Hola soy nuevo en esto del JavaScript

Tengo un problema muy sencillo
Necesito un codigo de JavaScript para una pagina web muy sencilla , que al seleccionar una opcion "radio button" y despues al pulsar "Ir a Buscador" me lleve a la url de la opcion que seleccione.

Aqui pongo un pequeño ejemplo de mi html sin javascript

<html>
<head>
<title>Elije tu Buscador</title>
</head>
<body>
<form method="Post" action=" ">
<p>Elije tu Buscador</p>
<p><input type="radio" value="h t t p : // w w w. yahoo.com" checked name="R1">Yahoo</p>
<p><input type="radio" name="R1" value="h t t p : // w w w. google.com">Google</p>
<p><input type="radio" name="R1" value="h t t p : // w w w. altavista.com">Altavista</p>
<p> </p>
<p><input type="submit" value="Ir a Buscador" name="B1"></p>
</form>
</body>
</html>

Gracias por su ayuda !!!!

caricatos · #2 (**permalink**) 31/01/2006, 04:47

Hola disenototal:

Los radio a veces dan problema... se me ocurre que asignando el value del radio al clickearlo...

<html>
<head>
<title>Elije tu Buscador</title>
</head>
<body>
<form method="get" action="">
<p>Elije tu Buscador</p>
<p><input type="radio" value="http://www.yahoo.com" checked name="R1" onclick="this.form.action = this.value" >Yahoo</p>
<p><input type="radio" name="R1" value="http://www. google.com" onclick="this.form.action = this.value" >Google</p>
<p><input type="radio" name="R1" value="http://www. altavista.com" onclick="this.form.action = this.value" >Altavista</p>
<p> </p>
<p><input type="submit" value="Ir a Buscador" name="B1"></p>
</form>
</body>
</html>

Supongo que a la vez habría que deshabilitar los radios... en el mismo submit...

<form onsubmit="R1.disabled = 'disabled'"

Saludos

disenototal · #3 (**permalink**) 01/02/2006, 10:37

Entonces como sugieres que quede el codigo?

caricatos · #4 (**permalink**) 01/02/2006, 11:08

Hola...

Así funciona:

Código:

<html>
<head>
<title>Elije tu Buscador</title>
</head>
<body>
<form method="get" action="" onsubmit="R1[0].disabled = 'disabled'; R1[1].disabled = 'disabled'; R1[2].disabled = 'disabled'">
<p>Elije tu Buscador</p>
<p><input type="radio" value="http://www.yahoo.com" checked name="R1" onclick="this.form.action = this.value" >Yahoo</p>
<p><input type="radio" name="R1" value="http://www.google.com" onclick="this.form.action = this.value" >Google</p>
<p><input type="radio" name="R1" value="http://www.altavista.com" onclick="this.form.action = this.value" >Altavista</p>
<p>&nbsp;</p>
<p><input type="submit" value="Ir a Buscador" ></p>
</form>
</body>
</html>

Saludos