JSFiddle - React, Tailwind, and code Playground

HTML

<table>
        <tbody>
            <tr class="even rps_row_1">
<td style="width:0%; display:none">1</td>
<td>admin</td>
<td>2</td>
<td>1421407598</td>
<td width="130">
<div id="select_type">
<input id="select_type_0" type="radio" name="select_type" value="0">
<label for="select_type_0"></label>
<input id="select_type_1" type="radio" name="select_type" value="1">
<label for="select_type_1"></label>
<input id="select_type_2" type="radio" name="select_type" value="2">
<label for="select_type_2"></label>
<input id="select_type_3" type="radio" name="select_type" value="3" checked="checked">
<label class="current" for="select_type_3"></label>
</div>
</td>
<td class="button_play" style=" border: none">
<a title="play">play</a>
</td>
</tr>
            <tr>
            ...
            </tr>
        </tbody>
    </table>

JavaScript

$('.button_play').click(function(){
debugger;
   var t = $(this).parent().find('td div#select_type').children('input:checked').val();alert(t) });