JSFiddle - React, Tailwind, and code Playground

by bschafer

HTML

option 1 <input class="types" type='checkbox' value="1" /><br />
option 2 <input class="types" type='checkbox' value="2" /><br />
option 3 <input class="types" type='checkbox' value="3" /><br />
<span id='clickedvals'></span>

JavaScript

$(document).on('click', '.types', function () {
    var selecteditems = [];
    
    var vals = $('.types:checked').each(function () {
        selecteditems.push(this.value);
    });
    
    $('#clickedvals').html(selecteditems);
    
});