Jquery Checkbox Array

josslzr · #1 (**permalink**) 10/07/2013, 10:11

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);  
?>

Franz1628 · #2 (**permalink**) 10/07/2013, 14:00

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

Código PHP:

Ver originalecho "<pre>";
print_r($_POST['seguro']);
echo "</pre>";

josslzr · #3 (**permalink**) 10/07/2013, 14:27

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

Franz1628 · #4 (**permalink**) 10/07/2013, 16:06

Pon antes del $.post

Código Javascript:

Ver originalvar arrayServicios = [];
$('[name="servicios[]"]').filter(':checked').each(function(){arrayServicios.push($(this).val())})
formData['servicios'] = arrayServicios;