JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<form name="dataForm" id="dataForm">
  <input type="hidden" name="name" value="Park">
  <input type="hidden" name="name" value="Kim">
  <input type="hidden" name="name" value="Hong">
  <input type="hidden" name="age" value="13">
  <input type="text" name="username" value="유저네임">  
  
  <input type="checkbox" name="checkbox1" value="1" checked /></label>
  <br />  
  <input type="checkbox" name="checkbox2" value="2" /></label>
  <br />  
  <input type="radio" name="radiobutton" value="button-1" /> 
  <input type="radio" name="radiobutton" value="button-2" checked /> 
  <input type="radio" name="radiobutton" value="button-3" /> </label>
  <br />
  
    <select name="dropdown">
      <option></option>
      <option value="option-1">Option 1</option>
      <option value="option-2" selected>Option 2</option>
      <option value="option-3">Option 3</option>
    </select>
  
</form>

JavaScript

$.fn.serializeObject = function() {
  "use strict"
  var result = {}
  var extend = function(i, element) {
    var node = result[element.name]
    if ("undefined" !== typeof node && node !== null) {
      if ($.isArray(node)) {
        node.push(element.value)
      } else {
        result[element.name] = [node, element.value]
      }
    } else {
      result[element.name] = element.value
    }
  }

  $.each(this.serializeArray(), extend)
  return result
}

var serializeObject = $('#dataForm').serializeObject();
console.log(serializeObject);