JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>    
        <td >Specific operations/procedures</td>
        <td>
            <input type="checkbox" name="sd3" value="mfi_nam9" class="checkme"/>Other(please specify)<br/>     
            <input type="text" name="mfi_nam9" class="text required" id="mfi_name" >
        </td>
    </tr>
    <tr>    
        <td >General principles/strategies</td>
        <td>
            <input type="checkbox" name="sd2[]" value="mfi_nam8"  class="checkme"/>Other(please specify):<br/>
            <input type="text" name="mfi_nam8" class="text required" id="mfi_name" >
        </td>
    </tr>
</table>

JavaScript

$('.checkme').attr('checked', true);
    $('.checkme').click(function(){
        if($('input[name='+ $(this).attr('value')+']').attr('disabled') == false){
            $('input[name='+ $(this).attr('value')+']').attr('disabled', true);
        }else{
            $('input[name='+ $(this).attr('value')+']').attr('disabled', false);
        }
    });