JSFiddle - React, Tailwind, and code Playground

HTML

<h3>Select your favorite sports:</h3>
<label>
    <input type="checkbox" value="football" name="football"> Football</label>
<label>
    <input type="checkbox" value="baseball" name="baseball"> Baseball</label>
    <button>show</button>

JavaScript

$(document).ready(function () {
    $("button").click(function () {
        var favorite = [];
        $.each($("input:checked"), function () {
            favorite.push({
               name: $(this).attr('name'),
               value:$(this).val()
            });
        });
        console.log(JSON.stringify(favorite));
    });
});