JSFiddle - React, Tailwind, and code Playground

by Iftakharul Alam

HTML

<table>
    <tr>
        <td><input type="checkbox" class='isActive'/></td>
        <td><input type="text" class='name'/></td>
        <td><input type="text" class='name'/></td>
        <td><input type="text" class='name'/></td>
    </tr>
    <tr>
        <td><input type="checkbox" class='isActive'/></td>
        <td><input type="text" class='name'/></td>
        <td><input type="text" class='name'/></td>
        <td><input type="text" class='name'/></td>
    </tr>
</table>

CSS

table{
    border: 1px dashed black;
    width: 90%;
    margin: 10px auto;
}

JavaScript

$('body').on('click','.isActive',function(){
    $(this)
    .closest('tr')
    .find('.name')
    .val(this.checked ? 'Demian' : 'bappa');
});