JSFiddle - React, Tailwind, and code Playground

HTML

<input type="radio" name="rd" id="rd-1" data-id="1" data-nome="um nome" data-sobrenome="um sobrenome">
<label for="rd-1">Radio 1</label><br>
    
<input type="radio" name="rd" id="rd-2" data-id="2" data-nome="um nome" data-sobrenome="um sobrenome">
<label for="rd-2">Radio 2</label><br>
    
<input type="radio" name="rd" id="rd-3" data-id="3" data-nome="um nome" data-sobrenome="um sobrenome">
<label for="rd-3">Radio 3</label><br>
    
<input type="radio" name="rd" id="rd-4" data-id="4" data-nome="um nome" data-sobrenome="um sobrenome">
<label for="rd-4">Radio 4</label><br>
    
<input type="radio" name="rd" id="rd-5" data-id="5" data-nome="um nome" data-sobrenome="um sobrenome">
<label for="rd-5">Radio 5</label><br>

JavaScript

$("input[name=rd]").click(function(){  
    // usando data-attributes
    var _obj = {id: $(this).attr('data-id'), nome: $(this).attr('data-nome'), sobrenome: $(this).attr('data-sobrenome')};
    console.log(_obj);
});