JSFiddle - React, Tailwind, and code Playground

HTML

<div class='list'>

<input type="checkbox" name="vehicle" value="Bike"> I have a bike<br>
  <input type="checkbox" name="vehicle1" value="Car" checked> I have a car<br>
      <input type="checkbox" name="vehicle2" value="Car" checked> I have a car<br>
          <input type="checkbox" name="vehicle4" value="Car" checked> I have a car<br>
              <input type="checkbox" name="vehicle6" value="Car" checked> I have a car<br>
      </div>

JavaScript

favorite = $(".list input[type='checkbox']:checked").map(function () {
    var obj = {};
    obj[$(this).attr("name")] = this.value;
    return obj;

}).get();
console.log(favorite);