How to get all the values of checked checkboxes in 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>
What you can do is to get all checkboxes with the querySelectorAll()method and then use a loop with a conditional statement to show only the values of the boxes that are checked.
$('#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>