JSFiddle - React, Tailwind, and code Playground

HTML

<td colspan="2"> 
    <table id="test"> 
        <tbody>
            <tr> 
                <td>
                    <input id="test_0" name="test" type="radio" value="1">
                    <label for="test_0">male</label>
                    </td> 
                </tr>
                <tr>
                    <td>
                        <input id="test_1" name="test" type="radio" value="2">
                            <label for="test_1">female</label>
                    </td> 
                </tr>
                    <tr> 
                        <td>
                            <input id="test_2" name="test" type="radio" value="3">
                                <label for="test_2">other</label>
                            </td> 
                </tr> 
                    </tbody>
                </table> 
            </td>

JavaScript

$("#test").find('input[type=radio]').change(function() {
     var value = $("#test").find('input[type=radio]:checked').val();
     alert(value);
})