Tengo un listado de checkbox, los cuales se cargan dinamicamente y lo que estoy intentando hacer es recoger los valores de los checks seleccionados y cuando pulse al botón de siguiente, en la siguiente ventana, la cual está en el mismo HTML, mostrar los valores de los checks seleccionados
HTML
<tbody>
<tr>
<td>
<input type="checkbox" id="especie0" name="especie" value="1" onchange="GetCheckedVal()" onclick="desactivar()">
<label for="especie0" class="ckbox ckbox-success pos-left-10">Sea bass/Dicentrarchus labrax</label>
<input type="number" min="1" max="99" maxlength="2" value="" id="cantSpecies0" name="cantSpecies" class="cantEspecies" disabled="disabled" onchange="multi()">
<input type="number" id="precio0" name="price" value=" " readonly="readonly" class="total-oculto">
</td>
</tr>
<tr>
<td>
<input type="checkbox" id="especie1" name="especie" value="6" onchange="GetCheckedVal()" onclick="desactivar()">
<label for="especie1" class="ckbox ckbox-success pos-left-10">Sea bream/Sparus aurata</label>
<input type="number" min="1" max="99" maxlength="2" value="" id="cantSpecies1" name="cantSpecies" class="cantEspecies" disabled="disabled" onchange="multi()">
<input type="number" id="precio1" name="price" value=" " readonly="readonly" class="total-oculto">
</td>
</tr>
<tr>
<td>
<input type="checkbox" id="especie2" name="especie" value="7" onchange="GetCheckedVal()" onclick="desactivar()">
<label for="especie2" class="ckbox ckbox-success pos-left-10">Oyster/Crassostrea gigas</label>
<input type="number" min="1" max="99" maxlength="2" value="" id="cantSpecies2" name="cantSpecies" class="cantEspecies" disabled="disabled" onchange="multi()">
<input type="number" id="precio2" name="price" value=" " readonly="readonly" class="total-oculto">
</td>
</tr>
</tbody>
Este es el HTML de los checkbox.
Javascript
function GetCheckedVal() {
//alert('entra funcion GetCheckedVal')
$('#myDiv_especie').change(function() {
var valuesChecked = []; {
$('#myDiv_especie :checked').each(function() {
//if(valuesChecked.indexOf($(this).val()) === -1){
valuesChecked.push($(this).val());
// }
});
console.log(valuesChecked);
}
});
}
Tengo esta función JS la cual recoge en un array todos los valores de los inputs de los checkbox que he seleccionado, es decir, si en la ventana anterior he seleccionado por ej. el check 1, 3 y 5
Lo que no sé es cómo montar la función correspondiente para recoger los valores de los checbox seleccionados y mostrarlos en la siguiente ventana, que me imagino que sería hacer un bucle viendo cual está y cual no seleccionado y de ahi pintarlos por ventana.
is()
que podrías usar haciendo algo como:if ($(elemento).is(':checked')) {
section
oculto, el cual se muestra cuando pulso el botón siguiente y se oculta el form de los checkbox