JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<input type="checkbox" name="count" value="5" />
<span>5</span>
</div>

<div>
<input type="checkbox" name="count" value="3" />
<span>3</span>
</div>

<div>
<input type="checkbox" name="count" value="10" />
<span>10</span>
</div>


<input type="button" value="show" />

JavaScript

//http://stackoverflow.com/questions/10185127/how-to-append-and-remove-checkbox-values-to-and-from-hidden-field
$(function () {
    $('input[type="button"]').click(function () {
       var test = $('input[type="checkbox"]:checked').map(function() {
          return $(this).val();
        }).get().join());
        
        alert(test);
    }); 
});