JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" val="1" name="checkbox" />
<span>false</span>

JavaScript

$(":checkbox").change(function(e){
    $(this).val( $(this + ":checked").length > 0 ? true : false);
    // Below this line I write to span in order to show changes
    $("span").text($(this).val());
})