¿Cómo obtener todos los valores de las casillas de verificación marcadas en jQuery?
HTML
<input class="messageCheckbox" type="checkbox" value="3" checked> <input class="messageCheckbox" type="checkbox" value="1" checked> <input class="messageCheckbox" type="checkbox" value="2" checked>
Lo que puede hacer es obtener todas las casillas de verificación con el método querySelectorAll()
y luego usar un ciclo con una declaración condicional para mostrar solo los valores de las casillas que están marcadas.
$('#btn').on('click', function(){ const boxes = document.querySelectorAll('.messageCheckbox'); for(box of boxes){ if(box.checked){ console.log(box.value) } } });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input class="messageCheckbox" type="checkbox" value="3" checked> <input class="messageCheckbox" type="checkbox" value="1" checked> <input class="messageCheckbox" type="checkbox" value="2" checked> <button id="btn">Get values</button>