Grab checkbox values before form submission

Question

I have the following loop, which shows a checkbox along with an answer (which is grabbed from Wordpress):

$counter = 1; 
foreach ($rows as $row){ ?>
   <input type="checkbox" name="answer<?php echo $counter; ?>[]" value="<?php echo the_sub_field('answer'); ?>" />
   <?php echo $row['answer'];
} ?>

This is part of a bigger loop that loops through a set of questions and for each question it loops through the answers (code above).

How can I grab the checkboxes that the user has checked and display the values within a div before the form is submitted?

I know I can use the following to check if the checkbox is checked:

$('form #mycheckbox').is(':checked');

I'm not sure where to start with all the looping!

Answer 1

You can use the selector :checked

$.each("#mycheckbox:checked", function() {
    $("div").append(this.val());
});