Tema: recojer datos de chekboxes y radio buttons desde un html a un .js y enviar con php
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/06/2013, 10:13
barrierp
(Desactivado)
  
Fecha de Ingreso: mayo-2013
Ubicación: lejos
Mensajes: 31
Antigüedad: 11 años, 6 meses
Puntos: 0
recojer datos de chekboxes y radio buttons desde un html a un .js y enviar con php
Hola , les cuento ,estoy hace una semana tratando de resolver algo con respecto a los chekboxes y los botones radio. El problema que tengo es que no me llegan los resultados por mail de estos botones. El formulario funciona perfectamente y llega a destino, de hecho envía una respuesta automática de recibido, pero en donde debe aparecer los datos de los chekboxes y de los radio no hay nada, llega en blanco. como se ve en la foto:



El código HTML con el formulario completo es el siguiente:

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>formu</title>
  6. <script type="text/javascript">
  7. function MM_jumpMenu(targ,selObj,restore){ //v3.0
  8.   eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  9.   if (restore) selObj.selectedIndex=0;
  10. }
  11. </script>
  12. <style type="text/css">
  13. .nombre {
  14. }
  15. .email {
  16. }
  17. .telefono {
  18. }
  19. .localidad {
  20. }
  21. .lugardetrabajo {
  22. }
  23. .dimension {
  24. }
  25. .archivos {
  26. }
  27. .consulta {
  28. }
  29. .encuesta {
  30. }
  31.  
  32. .botonenviarlo {
  33.     clear: right;
  34.     float: right;
  35. }
  36. .perfect {
  37.     text-align: center;
  38.     display: block;
  39.     background-color: #3CF;
  40.     width: 200px;
  41.     right: auto;
  42.     clip: rect(auto,auto,auto,auto);
  43.     clear: left;
  44.     float: left;
  45. }
  46. .perfect2 {
  47.     text-align: center;
  48.     display: block;
  49.     clear: left;
  50.     float: left;
  51.     background-color: #F36;
  52.     width: 400px;
  53.     right: auto;
  54.     clip: rect(auto,auto,auto,auto);
  55. }
  56. .transparente {
  57.     display: none;
  58. }
  59. </style>
  60. </head>
  61. <body>
  62. <form method="post" name="formulariotipopresupuesto">
  63.     <div><input name="nombre" type="text" class="nombre" id="nombre" placeholder="  Nombre"/></div>
  64.     <div><input name="email" type="text" class="email" placeholder="  E-Mail"  /></div>
  65.     <div><input name="telefono" type="text" class="telefono" placeholder="  Telefono" /></div>
  66.   <div><input name="localidad" type="text" class="localidad" placeholder="  Localidad" /></div>
  67.   <div>
  68.     <label>Indique cual sería nuestra área de trabajo:
  69.       <br />
  70.   Puede elegir más de una opción. </label></div>
  71.   <div>
  72.     <table width="717" class="lugardetrabajo">
  73.       <tr>
  74.         <td width="251"><label>
  75.           <input type="checkbox" name="lugardetrabajo[]" value="Interior de una casa."/>
  76.           Interior de una casa.</label></td>
  77.       </tr>
  78.         <td width="454"><label>
  79.           <input type="checkbox" name="lugardetrabajo[]" value="Local de comidas (Ej. Pizzería, rotisería, heladería)"/>
  80.           Local de comidas (Ej. Pizzería, rotisería, heladería)</label></td>
  81.       </tr>
  82.       <tr>
  83.         <td><label>
  84.           <input type="checkbox" name="lugardetrabajo[]" value="Exterior de una casa (Ej. jardín)."/>
  85.           Exterior de una casa (Ej. jardín).</label></td>
  86.         <td><label>
  87.           <input type="checkbox" name="lugardetrabajo[]" value="Un negocio (Ej. Maxi quiosco, ferretería)"/>
  88.         Un negocio (Ej. Maxi quiosco, ferretería)</label></td>
  89.       </tr>
  90.       <tr>
  91.         <td><label>
  92.           <input type="checkbox" name="lugardetrabajo[]" value="Casa y jardín completos."/>
  93.           Casa y jardín completos.</label></td>
  94.         <td><label>
  95.           <input type="checkbox" name="lugardetrabajo[]" value="Un salón (Ej. Iglesia, salón de fiestas)"/>
  96.         Un salón (Ej. Iglesia, salón de fiestas)</label></td>
  97.       </tr>
  98.       <tr>
  99.         <td><label>
  100.           <input type="checkbox" name="lugardetrabajo[]" value="Un techo."/>
  101.           Un techo.</label></td>
  102.         <td><label>
  103.           <input type="checkbox" name="lugardetrabajo[]" value="Escuela o Institución (Ej. Colegio, Jardín de infantes)"/>
  104.         Escuela o Institución (Ej. Colegio, Jardín de infantes)</label></td>
  105.       </tr>
  106.     </table>
  107.   </div>
  108.   <label>De qué tamaño aproximado considera que es el total del lugar a tratar:</label>
  109.   <div>
  110.   <table width="218" class="dimension">
  111.     <tr>
  112.       <td><label>
  113.         <input type="radio" name="dimension" value="Grande"/>
  114.         Grande.</label></td>
  115.     </tr>
  116.     <tr>
  117.       <td><label>
  118.         <input type="radio" name="dimension" value="Mediano"/>
  119.         Mediano</label></td>
  120.     </tr>
  121.     <tr>
  122.       <td><label>
  123.         <input type="radio" name="dimension" value="Chico"/>
  124.         Chico.</label></td>
  125.     </tr>
  126.   </table>
  127.   </div>
  128.   <label>Si lo desea puede enviarnos una foto del lugar o la plaga que lo esté afectando.
  129.   De esta forma el presupuesto puede ser más detallado:</label>
  130.   <div><input name="enviarfoto" type="file" class="archivos" /></div>
  131.   <div><textarea name="consulta" cols="" rows="" class="consulta" placeholder="  Consulta..."></textarea></div>
  132.   <label>Como conoció nuestra web?</label>
  133.   <div><select name="encuesta" id="encuesta" class="encuesta" >
  134. <option>-Por Facebook.</option>
  135.     <option>-A traves de otra web.</option>
  136.     <option>-Por revista publicitaria.</option>
  137.     <option>-Buscando en Google</option>
  138.     <option selected="selected">-Elija una respuesta...</option>
  139.   </select></div>
  140.   
  141.   <div id="perfecto" class="perfect" style="display:none">enviado!
  142.                 </div>
  143.       <div id="road" class="perfect2 transparente" >pensando...
  144.       </div>  
  145.   
  146.          
  147.   <button class="botonenviarlo">ENVIAR CONSULTA</button>
  148. </form>
  149. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
  150. <script type="text/javascript" src="scripts/funcionesdos.js"></script>
  151. </body>
  152. </html>

Sigo abajo por que si pego aquí el php la pagina me direciona a una pagina con capcha, no se por que.