Buenas estoy haciendo un módulo que se me esta complicando un poquito.
Por un lado tengo unas opciones que pueden ser seleccionadas y eso tiene que arrojar unos resultados a través de AJAX.
Pongo una parte de las zonas que se seleccionan:
<div class="collap funciona" id="zonasl">
<h4>ZONAS L <span class="pull-right"><i class="fas fa-chevron-down"></i></span></h4>
</div>
<span id="listaZonasL" class=zonasl style="">
<span class="inputGroup" style="margin:0px;">
<input id="BrazosE" name="BrazosE" type="checkbox"/>
<label for="BrazosE">Brazos Enteros</label>
</span>
<span class="inputGroup" style="margin:0px;">
<input id="PiernasE" name="PiernasE" type="checkbox"/>
<label for="PiernasE">Piernas Enteras</label>
</span>
<span class="inputGroup" style="margin:0px;">
<input id="ZonaI" name="Intima" type="checkbox"/>
<label for="ZonaI">Zona Íntima</label>
</span>
Luego en otra columna, hay una figura humana, que cuando haces check en una opción de las de antes, se carga una zona en el cuerpo.
$('#BrazosE').change(function() { $('#imgBrazosEnteros').toggle() });
$('#PiernasE').change(function() { $('#imgPiernasEnteras').toggle() });
$('#ZonaI').change(function() { $('#imgZonaIntima').toggle() });
Y por ultimo en otra columna, mostrare todas las zonas seleccionadas con su precio, que el resultado saldrá con AJAX a través de las zonas que seleccionemos.
AJAX
$(function(){
$("#BrazosE").change(function(e){
var id ="";
if ($("#BrazosE").val() !=null){
id = $("#BrazosE").val();
}
$.ajax({
url: "getZonas.php",
type: "post",
dataType: "html",
data: {
'id': id,
},
success: function (resultado){
$("#resva").html(resultado);
}
});
});
});
DIV DONDE MUESTRO EL RESULTADO AJAX
<div class=""id="resva">
El problema de esto, es que solo se como pasar un campo seleccionado, y claro todo se me complica más, porque el AJAX quiero que actue cuando el checkbox de las opciones cambia, no con un botón y formulario. Alguna sugerencia por favor?
id
unico, manda un array de id's en un string. luego cuando vayas a hacer algo, pasas el string a array de nuevo e iteras..