JSFiddle - React, Tailwind, and code Playground

HTML

<div>
        <table id="mytable">
            <tr>
                <th>Name</th>
                <th>Email</th>
                <th></th>
            </tr>
            <tr>
                <td><input type="text" v value="Kalu Singh"/></td>
                <td><label>[email protected]</label></td>                
            </tr>
            <tr>
                <td><input type="text" value="Kishan Paneri" />asdasdas</td>
                <td><label>[email protected]</label></td>               
            </tr>
        </table>
    </div>
    
    <input type="text" id="txtboxID"/>

CSS

td {border: 1px #DDD solid; padding: 5px; cursor: pointer;}

.selected {
    background-color: brown;
    color: #FFF;
}

JavaScript

// Get Data from Row Click
$("#mytable tr").on('click', function() {
   // $(this).addClass('selected').siblings().removeClass('selected'); 
   var name = $(this).find('input').eq(0).val();
   alert(name);
   var email=$(this).find('td').eq(0).text();   
   alert(email);    
  $('#txtboxID').val(name);
});