Ver Mensaje Individual
  #5 (permalink)  
Antiguo 09/05/2015, 16:38
edwinv
 
Fecha de Ingreso: agosto-2006
Mensajes: 17
Antigüedad: 18 años, 7 meses
Puntos: 0
Respuesta: Formulario con checkbox condicionado

Creo que me complique y busque el camino mas dificil pero lo logre corrijo el codigo anterior

Código PHP:
Ver original
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>Checkbox condicionado</title>
  5.     <link rel="stylesheet" type="text/css" href="css/estilos.css">
  6.     <script type="text/javascript" src="js/jquery.js"></script>
  7.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8. </head>
  9. <body>
  10.     <div class="container">
  11.         <h1>Checkbox condicionado</h1>
  12.         <div class="formulario">
  13.             <form method="post" action="2.php">
  14.                 <label>Nombre1:</label><br/>
  15.                 <input type="text" name="nombre1" id="nombre1" size="30"><br/>
  16.                 <label>Repetir:</label><br/>
  17.                 <input name="checkbox" id="checkbox" type="checkbox" value="1" /><br/>
  18.                 <label>Nombre2:</label><br/>
  19.                 <input type="text" name="nombre2" id="nombre2" size="30"><br/>
  20.                 <input type="button" value="Ingresar datos" onclick="javascript:EnviarDatos();"><br/>
  21.             </form>
  22.             <div id="mensaje">Ingresar datos</div>
  23.         </div>
  24.         <script type="text/javascript">
  25.             function EnviarDatos(){
  26.                    
  27.                            
  28.                             if($("#checkbox").is(':checked')) {
  29.                                
  30.                             var nombre1 = document.getElementById('nombre1').value;
  31.                             var nombre2 = document.getElementById('nombre1').value;
  32.                            
  33.                             } else {
  34.                             var nombre1 = document.getElementById('nombre1').value;
  35.                             var nombre2 = document.getElementById('nombre2').value;
  36.                             }
  37.  
  38.                 $.ajax({
  39.                     type:'POST',
  40.                     url:'2.php',
  41.                     data:('nombre1='+nombre1+'&nombre2='+nombre2),
  42.                     success:function(respuesta){
  43.                         if (respuesta==1){
  44.                             $('#mensaje').html('Tu mensaje se ha enviado correctamente');
  45.                         }
  46.                         else{
  47.                             $('#mensaje').html('Los datos no han sido ingresados');
  48.                         }
  49.                     }
  50.  
  51.                 })
  52.             }
  53.         </script>
  54.     </div>
  55. </body>
  56. </html>