在表单提交之前抓取复选框值

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 may do something like below:

var divContent = "";
$("form input[type=checkbox]:checked").each(function() {
   divContent += this.value + "<br/>";
});
$("div").html(divContent);

Not completely clear to me when this should be executed. From your question it looks to me like that should happen when user clicks on submit button, in such case you just need to place that code into $("form").submit(function(){...});