Foros del Web » Programando para Internet » Jquery »

Jquery Checkbox Array

Estas en el tema de Jquery Checkbox Array en el foro de Jquery en Foros del Web. Buenas tengo un formulario con campos de tipo text, date, email y checkbox los cuales los capturo en una array y los paso mediante $.post ...
  #1 (permalink)  
Antiguo 10/07/2013, 10:11
 
Fecha de Ingreso: julio-2013
Mensajes: 5
Antigüedad: 11 años, 4 meses
Puntos: 0
Pregunta Jquery Checkbox Array

Buenas tengo un formulario con campos de tipo text, date, email y checkbox los cuales los capturo en una array y los paso mediante $.post para que sean enviados a traves de la funcion mail de php. Al capturar los campos tipo text, date, email me va bien los captura correctamente y los envia. Pero no se como hacer para enviar solo los checkbox que estan seleccionados. estaba pensando en hacer otro array pero no se como hacerlo para saber cuales estan checkeados y mandarlos bueno acá el codigo

Código:
<script>
	$(document).ready(function(e) {
        $('#enviar_cotizar_auto').click(function(e) {
            e.preventDefault();
			var cot_auto = new Array('nombre_cotizar_auto','apellido_cotizar_auto','email_cotizar_auto','telefono_cotizar_auto','fecha_cotizar_auto','cedula_cotizar_auto','sexo_cotizar_auto','marca_auto','modelo_auto','version_auto','ano_auto','transmision_auto','uso_auto');
			var formData = {};
			for(var i = 0; i <cot_auto.length; i++){
				formData[cot_auto[i]] = $('#'+cot_auto[i]).val();
				}
				$.post('includes/enviar_cotizar_auto.php',formData, function(data){
					$('.contenido').load('cotizarauto.php');
					alert('Gracias por elegirnos pronto estaremos en contacto con usted');
					});
        });
    });
</script>

Código HTML:
<div class="cotizarauto">
<br/><h3 class="titulo_cotizar">COTIZAR VEH&Iacute;CULO</h3>
<form id="auto_cotizar" action="">
	<table cellspacing="0" id="tabla_principal">
    <tr>
        <td>
        <div id="datosdelcliente">
        <h4 class="h4_dato">DATOS DEL CLIENTE</h4><br/>
        <table cellspacing="0">
        	<tr>
            <td><label class="datocliente">Nombre</label></td><td><input type="text" name="nombre_cotizar_auto" id="nombre_cotizar_auto" class="ingresartexto" /></td>
            </tr>
            <tr>
            <td><label class="datocliente">Apellidos</label></td><td><input type="text" name="apellido_cotizar_auto" id="apellido_cotizar_auto" class="ingresartexto" /></td>
            </tr>
            <tr>
            <td><label class="datocliente">Correo El&eacute;ctronico</label></td><td><input type="email" name="email_cotizar_auto" id="email_cotizar_auto" class="ingresartexto" /></td>
            </tr>
            <tr>
            <td><label class="datocliente">Tel&eacute;fono</label></td><td><input type="text" name="telefono_cotizar_auto" id="telefono_cotizar_auto" class="ingresartexto" /></td>
            </tr>
            <tr>
            <td><label class="datocliente">Fecha de Nacimiento</label></td><td><input type="date" name="fecha_cotizar_auto" id="fecha_cotizar_auto" class="ingresartexto" /></td>
            </tr>
            <tr>
            <td><label class="datocliente">C&eacute;dula</label></td><td><input type="text" name="cedula_cotizar_auto" class="ingresartexto" id="cedula_cotizar_auto"/></td>
            </tr>
            <tr>
            <td><label class="datocliente">Sexo</label></td><td><input type="text" name="sexo_cotizar_auto" class="ingresartexto" id="sexo_cotizar_auto" /></td>
            </tr>
        </div>
        </table>
        </td>			
        <td>
        <div id="datosdelvehiculo">
        <h4 class="h4_dato">DATOS DEL VEH&Iacute;CULO</h4><br/>
        	<table>
            <tr>
            	<td><label class="datoauto">Marca</label></td><td><input type="text" name="marca_auto" class="ingresartextoa" id="marca_auto"/></td>
            </tr>
            <tr>
            <td><label class="datoauto">Modelo</label></td><td><input type="text" name="modelo_auto" id="modelo_auto" class="ingresartextoa" /></td>
            </tr>
            <tr>
            <td><label class="datoauto">Versi&oacute;n</label></td><td><input type="text" name="version_auto" id="version_auto" class="ingresartextoa" /></td>
            </tr>
            <tr>
            <td><label class="datoauto">A&ntilde;o</label></td><td><input type="text" name="ano_auto" id="ano_auto" class="ingresartextoa" /></td>
            </tr>
            <tr>
            <td><label class="datoauto">Tipo de Transmisi&oacute;n</label></td><td><input type="text" name="transmision_auto" id="transmision_auto" class="ingresartextoa" /></td>
            </tr>
            <tr>
            <td><label class="datoauto">Tipo de Uso</label></td><td><input type="text" name="uso_auto" id="uso_auto" class="ingresartextoa" /></td>
            </tr>
        	</table>
        </div>
        </td>
        <td>
        	<h4 class="h4_dato">ASEGURADORAS</h4><br/>
            <table>
            <tr>
        <td><input type="checkbox" name="seguro[]" class="ingresartextoa" value="Seguros Caracas"/></td><td><label class="seguro">Seguros Caracas</label></td>
        </tr>
        <tr>
        <td><input type="checkbox" name="seguro[]" class="ingresartextoa" value="Seguros Mercantil" /></td><td><label class="seguro">Seguros Mercantil</label></td>
        </tr>
        <tr>
        <td><input type="checkbox" name="seguro[]" class="ingresartextoa"  value="Seguros Mapfre"/></td><td><label class="seguro">Seguros Mapfre</label></td>
        </tr>
        <tr>
        <td><input type="checkbox" name="seguro[]" class="ingresartextoa" value="Seguros Guayana" /></td><td><label class="seguro">Seguros Guayana</label></td>
        </tr>
        <tr>
        <td><input type="checkbox" name="seguro[]" class="ingresartextoa" value="Seguros Catatumbo" /></td><td><label class="seguro">Seguros Catatumbo</label></td>
        </tr>
        <tr>
        <td><input type="checkbox" name="seguro[]" class="ingresartextoa" value="Seguros Pir&aacute;mide" /></td><td><label class="seguro">Seguros Pir&aacute;mide</label></td>
        </tr>
        <tr>
        <td><input type="checkbox" name="seguro[]" class="ingresartextoa" value="Seguros Canarias" /></td><td><label class="seguro">Seguros Canarias</label></td>
        </tr>
        <tr>
        <td><input type="checkbox" name="seguro[]" class="ingresartextoa"  value="Seguros Altamira"/></td><td><label class="seguro">Seguros Altamira</label></td>
        </tr>
        <tr>
        <td><input type="checkbox" name="seguro[]" class="ingresartextoa" value="Otros Seguros"/></td><td><label class="seguro">Otros Seguros</label></td>
        </tr>
        </table>
        </td>
    </tr>
    <tr>
    <td colspan="3">
    <div id="botoncotizarv">
    <br/><br/>
    	<button type="submit" class="boton_cotizar" id="enviar_cotizar_auto" name="enviar_cotizar_auto">Enviar</button> <button type="reset" class="boton_cotizar">Limpiar</button>
    </div>
    </td>
    </tr>
    </table>
</form>
</div> 
Código PHP:
<?php 
$email_destinatario 
'[email protected]';
$nombre $_POST['nombre_cotizar_auto'];
$apellido $_POST ['apellido_cotizar_auto'];
$email $_POST['email_cotizar_auto'];
$telefono $_POST ['telefono_cotizar_auto'];
$fecha_nacimiento $_POST['fecha_cotizar_auto'];
$cedula $_POST['cedula_cotizar_auto'];
$sexo $_POST['sexo_cotizar_auto'];
$marca $_POST['marca_auto'];
$modelo $_POST['modelo_auto'];
$version $_POST['version_auto'];
$ano $_POST['ano_auto'];
$transmision $_POST['transmision_auto'];
$uso $_POST['uso_auto']; 
$email_empresa '[email protected]';
$tema 'Cotizar Auto';

$header 'From: '.$email_empresa"\r\n" .'Reply-To: ' .$email"\r\n";
$header .= "X-Mailer: PHP/"phpversion(). "\r\n";
$header .= "Mime-Version: 1.0 \r\n";
$header .=    "Content-Type: text/plain";

$mensaje "Buenas,\n\n Hemos recibido una nueva solicitud de cotización para auto de ".$nombre" " .$apellido" los datos del solicitante son los siguientes:\n\n Datos del Cliente \n\n Nombres: ".$nombre."\r\n Apellidos: ".$apellido."\r\n Telefono: ".$telefono."\r\n Fecha de Nacimiento: ".$fecha_nacimiento."\r\n C.I.: ".$cedula."\r\n Sexo: ".$sexo."\n\n Datos del Veh&iacute;culo\n\n Marca: ".$marca."\r\n Modelo: " .$modelo."\r\n Version: ".$version."\r\n año: ".$ano."\r\n Transmision: ".$transmision."\r\n Uso:".$uso."\r\n";

mail($email_destinatario$tema$mensaje,$header); 
?>
  #2 (permalink)  
Antiguo 10/07/2013, 14:00
Avatar de Franz1628  
Fecha de Ingreso: marzo-2007
Ubicación: Lima - Perú
Mensajes: 145
Antigüedad: 17 años, 7 meses
Puntos: 26
Respuesta: Jquery Checkbox Array

haz una prueba, selecciona unos checkbox y fijate como te llegan la variable de "seguro" en el php


Código PHP:
Ver original
  1. echo "<pre>";
  2. print_r($_POST['seguro']);
  3. echo "</pre>";
__________________
En mi Blog puedes ver articulos javascript y más...
@Franz1628
  #3 (permalink)  
Antiguo 10/07/2013, 14:27
 
Fecha de Ingreso: julio-2013
Mensajes: 5
Antigüedad: 11 años, 4 meses
Puntos: 0
Respuesta: Jquery Checkbox Array

Gracias por responder Frank1628 pero lo que no se como declarar el script para decirle cuales son los que estan seleccionados y pasarlos por el metodo $.post por que si los paso llamandolos me muestra en el mensaje todos los checkbox como on
  #4 (permalink)  
Antiguo 10/07/2013, 16:06
Avatar de Franz1628  
Fecha de Ingreso: marzo-2007
Ubicación: Lima - Perú
Mensajes: 145
Antigüedad: 17 años, 7 meses
Puntos: 26
Respuesta: Jquery Checkbox Array

Pon antes del $.post

Código Javascript:
Ver original
  1. var arrayServicios = [];
  2. $('[name="servicios[]"]').filter(':checked').each(function(){arrayServicios.push($(this).val())})
  3. formData['servicios'] = arrayServicios;
__________________
En mi Blog puedes ver articulos javascript y más...
@Franz1628

Etiquetas: checkbox, formulario, funcion, input, javascript, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:22.