I'm trying to display the value of each checkbox selected into a div

I've looked around on the site but I can't seem to get any of the solutions working for me

I'm trying to display the value of each checkbox selected into a div in an array format

<section id="inputs">
    
    <div class="row">
    
      <div class="col nopad text-center">
       <label class="image-checkbox">
       <input type="checkbox" id="user" name="image[]" value="Yoga"/>
       <img src="image.jpg" class="img-responsive"/>
       <p>Yoga</p>
       </label>
     </div>
    
     <div class="col nopad text-center">
       <label class="image-checkbox"  id="image-checkbox">
       <input type="checkbox" name="image[]" value="Gymnastics" />
       <img src="image.jpg" class="img-responsive"/>
       <p>Gymnastics</p> 
      </label>
     </div>
    
     <div class="col nopad text-center">
       <label class="image-checkbox">
       <input type="checkbox" name="image[]" value="Aerial Acrobatics" />
       <img src="image.jpg" class="img-responsive"/>
       <p>Aerial Acrobatics</p> 
      </label>
     </div>
<div>
</section>