JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" name="value1" >
<input type="checkbox" name="value2" >
<input type="checkbox" name="value3" >
<input type="checkbox" name="value4" >
<input type="checkbox" name="value5" >
<input type="checkbox" name="value6" >
<input type="checkbox" name="value7" >
<input type="checkbox" name="value8" >
<input type="checkbox" name="value9" >
<input type="checkbox" name="value10" >

JavaScript

var vals = {};
   
    

$('input[type=checkbox]').click(function() {
    var that = $(this);
    if (that.is(':checked')) {
        alert(this.name);
       vals[this.name] = "In your Object";
    }
    else {
        delete vals[this.name]; 
    }
    console.log(vals);

});