tengo una pequeña duda que no sé cómo resolver.
Tengo una serie de checkboxes que quiero que actúen de la siguiente manera: si 2 de ellos están checked, quiero que se seleccionen todos los demás checkboxes que se encuentren entre los ya seleccionados.
Por ejemplo, si miráis la imagen adjunta, también deberían seleccionarse los checkboxes de "16 a 24" y "25 a 34".
Adjunto también el código de los checkboxes y del js.
Gracias :)
function checkBox() {
for (var i = 0; i <= $('48[]').length - 1; i++) {
var cont = 100;
if ($('48[i]').attr('checked')) {
if (i > cont) {
for (var x = cont + 1; x < i; x++) {
$('48[x]').prop("checked", true);
}
}
cont = i;
}
}
};
<span>
<li><input class="custom-control-input" id="customCheck_Publico_objertivo_1" name="48[]" type="checkbox" onchange="checkBox()" value="1 a 5">
<br><label class="custom-control-label" for="customCheck_Publico_objertivo_1"> 1 a 5</label>
</li>
<li><input class="custom-control-input" id="customCheck_Publico_objertivo_2" name="48[]" type="checkbox" onchange="checkBox()" value="6 a 10">
<label class="custom-control-label" for="customCheck_Publico_objertivo_2"> 6 a 10</label>
</li>
<li><input class="custom-control-input" id="customCheck_Publico_objertivo_3" name="48[]" type="checkbox" onchange="checkBox()" value="11 a 15">
<label class="custom-control-label" for="customCheck_Publico_objertivo_3"> 11 a 15</label>
</li>
<li><input class="custom-control-input" id="customCheck_Publico_objertivo_4" name="48[]" type="checkbox" onchange="checkBox()" value="16 a 24">
<label class="custom-control-label" for="customCheck_Publico_objertivo_4"> 16 a 24</label>
</li>
</span>
<span>
<li><input class="custom-control-input" id="customCheck_Publico_objertivo_5"name="48[]" type="checkbox" onchange="checkBox()" value="25 a 34">
<label class="custom-control-label" for="customCheck_Publico_objertivo_5"> 25 a 34</label>
</li>
<li><input class="custom-control-input" id="customCheck_Publico_objertivo_6" name="48[]" type="checkbox" onchange="checkBox()" value="35 a 44">
<label class="custom-control-label" for="customCheck_Publico_objertivo_6"> 35 a 44</label>
</li>
<li><input class="custom-control-input" id="customCheck_Publico_objertivo_7" name="48[]" type="checkbox" onchange="checkBox()" value="45 a 54">
<label class="custom-control-label" for="customCheck_Publico_objertivo_7"> 45 a 54</label>
</li>
<li><input class="custom-control-input" id="customCheck_Publico_objertivo_8" name="48[]" type="checkbox" onchange="checkBox()" value="55 a 64">
<label class="custom-control-label" for="customCheck_Publico_objertivo_8"> 55 a 64</label>
</li>
<li><input class="custom-control-input" id="customCheck_Publico_objertivo_9" name="48[]" type="checkbox" onchange="checkBox()" value="+ 65">
<label class="custom-control-label" for="customCheck_Publico_objertivo_9"> + 65</label>
</li>
</span>