JSFiddle - React, Tailwind, and code Playground

by GaryC123

HTML

<div id="abc">
    <br />
    <br />
    <table id="tbl">
        <tr>
            <td>
                <input class="myRadios" name="abc1" id="abc1" type="radio" value="1" />
            </td>
            <td>11</td>
            <td>22</td>
        </tr>
        <tr>
            <td>
                <input class="myRadios" name="abc1" id="abc1" type="radio" value="2" />
            </td>
            <td>22</td>
            <td>33</td>
        </tr>
        <tr>
            <td>
                <input class="myRadios" name="abc1" id="abc1" type="radio" value="3" />
            </td>
            <td>33</td>
            <td>44</td>
        </tr>
        <tr>
            <td>
                <input class="myRadios" name="abc1" id="abc1" type="radio" value="4" />
            </td>
            <td>44</td>
            <td>55</td>
        </tr>
    </table>
    <input id="Button1" type="button" value="button" class="btncss" />
</div>

JavaScript

$(document).ready(function () {
    $("#Button1").click(function () {
        if($(".myRadios").is(':checked')){
        el = $(".myRadios:checked").closest("td").next("td")
        alert(el.html());
        alert(el.next("td").html());
        }
    });

});