JSFiddle - React, Tailwind, and code Playground

HTML

<input type="radio" name="use" value="miPrimeraOpcion">
<input type="radio" name="use" value="miSegundaOpcion">
<br>
<br>
<input class="filter1" type="checkbox" name="type[]" value="valorFiltro1">
<input class="filter2" type="checkbox" name="type[]" value="valorFiltro2">
<input class="filter3" type="checkbox" name="type[]" value="valorFiltro3">
<pre id="results"></pre>

JavaScript

$('input').on('click', function () {
    var serializedArray = $('input').serializeArray()
    var jsonArray = JSON.stringify(serializedArray, null, '\t');
    $('#results').html(jsonArray+'\n'+$.param(serializedArray));
});