redireccionar presionando radiobutton

hicetnunc86 · #1 (**permalink**) 31/10/2010, 21:53

Hola tengo un codigo que valida radiobutton's y me saca un mensaje diferente dependiendo el radiobutton selecionado, pero al tomar esa validacion para que no saque mensajes sino que me redireccione a otro formulario no sirve esta validacion.
Este es el codigo ojala me puedan ayudar.

<script language="JavaScript" src="../js/jquery.js">
</script>

<script>
$(document).ready(function (){
$("#enviar").click( function() {
if($("#Cnatural").attr('checked')) {//aqui es donde quiero redireccionar
top.location.href='Formulario_Empresa.html';
}
if($("#Cempresa").attr("checked")) {//aqui el primer mensaje
alert("Claro");
}
if($("#Cfuncionarios").attr("checked")) {//aqui el segundo mensaje
alert("Como no");
}
});
});

</script>

<table width="282" border="0">
<tr>
<td height="51" colspan="3"><label></label>
<div align="center">Elija el tipo de Usuario a crear </div></td>
</tr>
<tr>
<td width="31" height="34"> </td>
<td><label></label>
<label></label></td>
<td>

<form id="form12" method="post" action="" >
<label>
<input name="radiobutton" id ="Cnatural" type="radio" value="radio1" />
Cliente Natural</label>
<a href="Formulario_Usuario.html"></a>
<br>

<label>
<input name="radiobutton" id ="Cempresa" type="radio" value="radio2" />
Empresa</label>
<a href="Formulario_Empresas.html"></a>
<br>

<label>
<input name="radiobutton" id ="Cfuncionarios" type="radio" value="radio3" />
Funcionario</label>
</td>
</tr>
<tr>
<td height="34"> </td>
<td width="6"> </td>
<td width="197"><input type="submit" name="btn1" value="Aceptar" id="enviar">
<input type="submit" name="Submit2" value="Cancelar"/></td>
</tr>
</form>
</table>

snahor_ · #2 (**permalink**) 02/11/2010, 12:57

Que es top en esta linea?

Código:

top.location.href='Formulario_Empresa.html';

chicohot20 · #3 (**permalink**) 02/11/2010, 19:07

Tu boton es de tipo submit, tienes que cancelar el evento con un return false;
$("#enviar").click(function() {
if($("#Cnatural").attr("checked")) {
location.href="index.html";
}
if($("#Cempresa").attr("checked")) {
alert("Claro");
}
if($("#Cfuncionarios").attr("checked")) {
alert("Como no");
}
return false;
});

hicetnunc86 · #4 (**permalink**) 03/11/2010, 13:08

Hola chicohot,
el return false redirecciona pero no con ajax, es decir, no redirecciona sobre la misma pagina.
igualmente gracias.

hicetnunc86 · #5 (**permalink**) 03/11/2010, 13:11

snhor ese codigo sirve para redireccionar hacia el formulario que deseo ver.

hicetnunc86 · #6 (**permalink**) 05/11/2010, 20:04

a los que les interese les dejo la solución que hallé.

codigo HTML:

hicetnunc86 · #7 (**permalink**) 05/11/2010, 20:05

Cita:

Iniciado por hicetnunc86

a los que les interese les dejo la solución que hallé.

codigo HTML:

htmls

hicetnunc86 · #8 (**permalink**) 05/11/2010, 20:10

<body>
<script language="JavaScript" src="../js/jquery.js">
</script>
<script>
$(document).ready(function (){
$("#enviar").click( function() {
$("#formulario").hide();
if($("#Cnatural").attr('checked')) {
var opc = "natu";
}
if($("#Cempresa").attr("checked")) {
var opc = "empr";
}
if($("#Cfuncionarios").attr("checked")) {
var opc = "func";
}
$.ajax({
type: 'POST',
url: 'html2/prueba.php',
data: 'opc='+opc,
success: function(datos){
$("#resu").html(datos);
}
});

});
});
</script>
<div id="formulario">
<form id="form12" method="post" action="" >
<label>
<input name="radiobutton" id ="Cnatural" type="radio" value="radio1" />
Cliente Natural</label>
<a href="Formulario_Usuario.html"></a>
<br>

<label>
<input name="radiobutton" id ="Cempresa" type="radio" value="radio2" />
Empresa</label>
<a href="Formulario_Empresas.html"></a>
<br>
<tr>
<td>
<label>
<input name="radiobutton" id ="Cfuncionarios" type="radio" value="radio3" />
Funcionario</label>
</td>
</tr>
<tr>
<td height="34"> </td>
<td width="6"> </td>
<td width="197"><input type="button" name="btn1" value="Aceptar" id="enviar">
<input type="submit" name="Submit2" value="Cancelar"/></td>
</tr>
</form>
</div>
<div id ="resu">fdgdf
</div>
</body>
</html>

hicetnunc86 · #9 (**permalink**) 05/11/2010, 20:16

<?php
$opc = $_REQUEST['opc'];
$opc2 = $_REQUEST['opc2'];
$opc3 = $_REQUEST['opc3'];
$empre= "empr";
$natur= "natu";
$funci= "func";
if ($opc==$empre)
{
Header("location: Formulario_Empresa.html");
}
if ($opc==$natur)
{
Header("location: Formulario_Usuario.html");
}
if ($opc==$funci)
{
Header("location: Formulario_Funcionarios.html");
}
?>

hicetnunc86 · #10 (**permalink**) 05/11/2010, 20:18

<?php
$opc = $_REQUEST['opc'];
$opc2 = $_REQUEST['opc2'];
$opc3 = $_REQUEST['opc3'];
$empre= "empr";
$natur= "natu";
$funci= "func";
if ($opc==$empre)
{
Header("location: Formulario_Empresa.html");
}
if ($opc==$natur)
{
Header("location: Formulario_Usuario.html");
}
if ($opc==$funci)
{
Header("location: Formulario_Funcionarios.html");
}
?>

hicetnunc86 · #11 (**permalink**) 05/11/2010, 20:45

Cita:

Iniciado por hicetnunc86

htmls

Cita:

Iniciado por hicetnunc86

a los que les interese les dejo la solución que hallé.

codigo HTML:

<body>
<script language="JavaScript" src="../js/jquery.js">
</script>

<script>
$(document).ready(function (){
$("#enviar").click( function() { $("#formulario").hide();
if($("#Cnatural").attr('checked')) {
var opc = "natu";
}
if($("#Cempresa").attr("checked")) {
var opc = "empr";
}
if($("#Cfuncionarios").attr("checked")) {
var opc = "func";
}

$.ajax({
type: 'POST',
url: 'html2/prueba.php',
data: 'opc='+opc,
success: function(datos){
$("#resu").html(datos);
}
});

});
});
</script>
<div id="formulario">
<form id="form12" method="post" action="" >
<label>
<input name="radiobutton" id ="Cnatural" type="radio" value="radio1" />
Cliente Natural</label>
<a href="Formulario_Usuario.html"></a>
<br>

<label>
<input name="radiobutton" id ="Cempresa" type="radio" value="radio2" />
Empresa</label>
<a href="Formulario_Empresas.html"></a>
<br>
<tr>
<td>
<label>
<input name="radiobutton" id ="Cfuncionarios" type="radio" value="radio3" />
Funcionario</label>
</td>
</tr>
<tr>
<td height="34"> </td>
<td width="6"> </td>
<td width="197"><input type="button" name="btn1" value="Aceptar" id="enviar">
<input type="submit" name="Submit2" value="Cancelar"/></td>
</tr>
</form>
</div>
<div id ="resu">fdgdf
</div>
</body>
</html>