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

Estuve pensando en esta solución pero me da error en mysql [object HTMLInputElement]

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.                         $("#checkbox_comprobar").click(function() {
  28.                            
  29.                             if($("#checkbox").is(':checked')) {
  30.                                
  31.                             var nombre1 = document.getElementById('nombre1').value;
  32.                             var nombre2 = document.getElementById('nombre1').value;
  33.                            
  34.                             } else {
  35.                             var nombre1 = document.getElementById('nombre1').value;
  36.                             var nombre2 = document.getElementById('nombre2').value;
  37.                             }
  38.                         });
  39.                    
  40.  
  41.                 $.ajax({
  42.                     type:'POST',
  43.                     url:'2.php',
  44.                     data:('nombre1='+nombre1+'&nombre2='+nombre2),
  45.                     success:function(respuesta){
  46.                         if (respuesta==1){
  47.                             $('#mensaje').html('Tu mensaje se ha enviado correctamente');
  48.                             document.getElementById('nombre1').value="";
  49.                             document.getElementById('nombre2').value="";
  50.                         }
  51.                         else{
  52.                             $('#mensaje').html('Los datos no han sido ingresados');
  53.                         }
  54.                     }
  55.  
  56.                 })
  57.             }
  58.         </script>
  59.     </div>
  60. </body>
  61. </html>

Última edición por edwinv; 09/05/2015 a las 16:02